@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" – (X)HTML/CSS Framework
 *
 * (de) CSS Deklarationen für den Riester-Rechner
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
	/**
	* Hauptcontainer 
	* (de) Container für den Rechner und Haupt-DIV´s 
	*
	**/
	
	
	
	#calculatorMain {
		width: 490px; 
		overflow: hidden;
		padding: 0px 15px 0px 15px;
	}
	#calculatorMain * {
		font-family: Arial, Helvetica, sans-serif;
	}
	#calculatorMain .mainHeadline {
		float: left;
		clear: left;
		font-size: 90%;
		font-weight: bold;
		color: #517684;
		padding: 10px 0px 3px 0px;
	}
	#calculatorMain .mainHeadline sup {
		font-size: 80%;
		padding-left:5px;
		line-height: 90%;
	}
	/**
	* (de) Header-Formatierung (Stepnavi, Infotexte)
	*
	**/
	#calculatorMain .calculatorHeader {
		display: block;
		float: left;
		clear: left;
		padding-bottom: 9px;
	}
	#calculatorMain .calculatorHeader .stepnavi {
		display: block;
		width: 500px;
	}
	#calculatorMain .calculatorHeader p {
		width: 480px;
		float: left;
		clear: left;
		font-size: 75%;
		margin: 8px 0px 10px 0px;
		color: #24586C;
	}
	#calculatorMain .calculatorHeader ul {
		margin: 10px 0px 0px 20px;
		width: 450px;
		float:left;
		clear:left;
	}
	#calculatorMain .calculatorHeader ul.ri {
		margin: 10px 20px 0px 0px;
		width: 150px;
		float:right;
		clear:left;
	}
	#calculatorMain .calculatorHeader ul li {
		font-size: 75%;
		list-style-type:none;
		margin:0px 0px 5px 0px;
		line-height:1em;
	}
	#calculatorMain .calculatorHeader ul li strong {
		font-weight: bold;
		padding-right: 5px;
	}
	#calculatorMain .calculatorHeader .stepnavi img {
		float: left;
		clear: none;
	}
	#calculatorMain .calculatorHeader .stepnavi div {
		height: 36px;
		float: left;
		clear: none;
		padding: 8px 17px 0px 0px;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	#calculatorMain .calculatorHeader .stepnavi div {
		font-size: 75%;
		line-height: 110%;
		font-weight: bold;
		text-decoration: none;
	}
	/**
	* (de) Statusmessage, Box mit grauem Hintergrund und umlaufender Begrenzung
	*
	**/
		.servererror h1{
		color:#517684;
    font-size:125%;
    font-weight:300;
     margin:0 0 0.5em;
	  }

	.calculatorHeader div.statusmessage {
		display: inline;
		width: 462px;
		float: left;
		clear: left;
		border-width:1px;
		border-style:solid;
		padding: 12px 13px 4px;
		margin: 15px 0px 8px;
	}
	.calculatorHeader div.statusmessage h1 {
		font-size: 75%;
	}
	.calculatorHeader div.statusmessage div {
		display: block;
		width: 462px;
		font-size: 74%;
		float: left;
		margin-bottom: 8px;
	}
	/**
	* Formularelemente 
	* (de) Formulardefinitionen und einzelne Formelemente
	*
	**/
	form .yform {
		width: 490px;
	}
	.yform fieldset {
		clear: left;
		border-top: 1px solid;
		padding: 13px 0px 0px 0px;
	}
	.yform fieldset.borderless {
		border-top: 0px none!important;
	}
	/**
	* (de) fokus-Fieldsets sind grau hinterlegt
	*
	**/
	fieldset.fokus {
		padding-left:7px!important;
		padding: 13px 0px 0px 0px;
		width: 482px!important;
	}	
	fieldset.fokus .leftlabel {
		width: 185px!important;
	}
	/**
	* (de) Das Error-Fieldset erscheint ganz oben im Formular und gibt unabhängig von den einzelnen Error-Divs Auskunft das ein Validierungsfehler vorliegt
	* 
	**/
	fieldset.error {
		display: none;
		padding: 13px 0px 0px 0px;
	}
	fieldset .hidden {
		display: none;
	}	
	/**
	* (de) Überschrift für Error-Fieldset
	*
	**/
	fieldset.error .legend {
		font-size: 75%;
		color: #F00000!important;
	}
	/**
	* (de) Error-Div für einzelne Fehlertexte über fehlerhaft ausgefüllten Formularfeldern
	*
	**/
	fieldset div.error {
		display: none;
		font-size: 75%;
		color: #F00000!important;		
		padding-bottom: 4px;
		clear: left;
	}
	/**
	* (de) Linkformatierung für das "i"-Popup-Bild, rechts in Formularen sichtbar
	*
	**/
	fieldset a.infoPopup {
		position: absolute;
		margin-top:4px;
		left: 490px;
		left: 470px !ie;
	}
	/**
	* (de) Überschrift für Fieldsets
	*
	**/
	.yform fieldset .legend {
		font-weight: bold;
		font-size: 75%;
		margin-bottom: 12px;
	}
	/**
	* (de) Linksseitige Beschriftung für Formularfelder
	*
	**/
	.yform fieldset .leftlabel {
		width: 192px;
		margin-right: 10px;
		float: left;		
		clear: left;
		font-size:75%;
		padding-top:2px;
	}
	/**
	* (de) Schriftgrösse für labels die sich direkt bei Formularfeldern befinden
	*
	**/
	form.yform label {
		font-size: 75%;
	}
	/**
	* (de) Container um Formfelder und deren Label-Elemente zu gruppieren
	*
	**/
	.yform fieldset .fieldcontainer	{
		width: 265px;
		float: left;
		overflow: hidden;
	}
	/**
	* (de) Sonderformatierung für Contentlinks die sich bei Formularfeldern befinden
	*
	**/
	.yform fieldset .fieldcontainer a.textLink {
		font-size: 75%;
		width: 250px;
		float: left;
		clear: left;
		text-decoration: none;
		background-image:url(/fileadmin/formulare/images/arrows/arrow_right.gif);
		background-repeat:no-repeat;
		background-position:0px 3px;
		padding-left:10px;
		margin-top:10px;
		padding-bottom:10px;
	}
	.yform fieldset .fieldcontainer a.textLink:hover {
		background-image:url(/fileadmin/formulare/images/arrows/arrow_right_over.gif);
	}
	/**
	* (de) Vertikale Distanz zu Feldgruppierungen
	*
	**/
	form.yform .type-text,
	form.yform .type-select, 
	form.yform .type-radio-double 
	{
		float: left;
		padding: 0px 0px 10px 0px;
	}
	form.yform .type-radio-double .fieldcontainer {
		padding-top: 8px;
	}
	/**
	* (de) Optisches Styling für Select, Textinputs und Textareas
	*
	**/
	form.yform .type-text input,
	form.yform .type-text textarea,
	form.yform .type-select select
	{
		border: 1px solid;
		padding: 3px 2px 3px 2px;
		float: left;
		font-size: 75%;
		margin-right: 5px;
	}	
	/* Separate Class for fields located under a different container,
	i.e. input text under .type-radio-multiple :-/ */
	/**
	* (de) Separate Klasse für Formfelder (text) die sich in einem andersartigen Container befinden
	* z.b. input vom typ text unter einem .type-radio-multiple container 
	**/
	input.textField {
		border: 1px solid;
		padding: 3px 2px 3px 2px;
		float: left;
		margin-right: 5px;
		margin-left: 17px;
	}
	label.textLabel {
		display: block;
		width: 20px!important;
		float: left;
		clear: none;
		padding-top: 3px;
		margin-left: 4px;
	}
	/**
	* (de) Positionierung für Labels nach Textinput-Feldern, z.b. Textinput für Jahreszahl plus Label "Jahre"
	*
	**/
	form.yform .type-text label,
	form.yform .type-select label 
	{
		display: block;
		float: left;
		padding: 4px 5px 0px 0px;
	}
	/**
	* (de) Innere Abstände für Selects
	*
	**/
	form.yform .type-select select {
		padding: 2px 0px 2px 0px;
	}
	/**
	* (de) Korrekturen für Radio-Listen unter verschiedenen Containern
	*
	**/
	form.yform .type-radio-multiple .fieldcontainer {
		margin-bottom:-9px;
	}
	form.yform .type-radio-multiple .fieldcontainer .fieldcontainer {
		margin-bottom:9px;
	}
	form.yform .type-radio-multiple input {
		float: left;
		clear: left;
	}
	form.yform .type-radio-double input {
		float: left;
		clear: none;
	}
	/**
	* (de) Bezeichner für Radiobuttonlisten > 2 (also NICHT .type-radio-double)
	*
	**/
	form.yform .type-radio-multiple label
	{
		display: block;
		width: 220px;
		float: left;
		clear: none;
		padding-left: 4px;
		margin-top: -2px;
		line-height: 140%;
		margin-bottom: 1px;
	}
	form.yform .type-radio-double label
	{
		display: block;
		float: left;
		clear: none;
		padding-left: 4px;
		padding-right: 16px;
		margin-top: -2px;
		margin-top: 2px !ie;
	}	
	/**
	* (de) Generelle Feldgrössen laut Raster, mit Ausnahmekorrekturen für verwendete SELECTS die 6 Pixel grösser sein müssen
	*
	**/
	.field30 {width: 24px;}
	.field50 {width: 44px;}
	.field80 {width: 74px;}
	.field104 {width: 104px;font-size:86%;padding: 2px 10px 2px 0px;padding: 3px 5px 0px 0px !ie;}
	* html .field104 {width: 100px;font-size:86%;padding: 2px 10px 2px 0px;padding: 3px 5px 0px 0px !ie;}
	.field100 {width: 94px;}
	.field120 {width: 114px;}
	select.field120 {width: 120px;}
	.field150 {width: 144px;}
	.ortfield150 {width: 150px;}
* html .ortfield150 {width: 147px;}

	select.field150 {width: 150px;}
	.field180 {width: 174px;}
	.field205 {width: 199px;}
	.field260 {width: 254px;}
	select.field260 {width: 260px;}
	/**
	* (de) Textblöcke zwischen zwei text-inputs hiermit formatieren
	*
	**/
	div.fieldText {
		display: block;
		float: left; 
		clear: none;
		padding: 3px 5px 0px 0px;
		font-size:75%;
	}
	/**
	* (de) Fokussierte Fieldsets erhalten andere Abstände wenn sie geschachtelt werden.
	*
	**/
	fieldset fieldset.fokus {
		padding-left:8px!important;
	}
										fieldset fieldset.fokus { width: 482px!important; } /* (2. Ebene) */
							   fieldset fieldset fieldset.fokus { width: 474px!important; } /* (3. Ebene) */
					  fieldset fieldset fieldset fieldset.fokus { width: 466px!important; } /* (4. Ebene) */
			 fieldset fieldset fieldset fieldset fieldset.fokus { width: 458px!important; } /* (5. Ebene) */
	fieldset fieldset fieldset fieldset fieldset fieldset.fokus { width: 450px!important; } /* (6. Ebene) */
	/**
	* (de) Breiten für Typ-Divs
	*
	**/
/*	fieldset fieldset .type-text,
	fieldset fieldset .type-select,
	fieldset fieldset .type-radio-double,
	fieldset fieldset .type-radio-multiple {
		width: 480px;				
	}
*/	fieldset fieldset .type-radio-double .fieldcontainer {
		padding-left: 8px;
	}
	fieldset fieldset.fokus .type-radio-double .fieldcontainer {
		padding-left: 0px;
		margin-left: -1px;
	}
	fieldset fieldset .leftlabel{
		width: 184px!important;
	}
	fieldset fieldset .legend {
		font-weight:normal!important;
		color: #24586C;
	}	
	fieldset .statusmessage .type-radio-double {width: 480px; font-size:100%}
	fieldset .statusmessage .type-radio-double label{font-size:100%;}
	/**
	* (de) Allgemeine Formatierungen für Checkbox-Zeilen
	*
	**/
	.type-check {
		float: left;
		padding-bottom: 5px;
	}
	.type-check .leftlabel {
		width:10px!important; 
	}
	.type-check .fieldcontainer {
		float: left;
		clear: right;
		width: 414px!important;
		font-size: 75%;
		padding-top: 2px;
	}
	.type-check .fieldcontainer p {
		float: left;
		clear: left;
	}
	/**
	* (de) EndContainer, entweder leer als Abstandhalter oder befüllt mit Links zum zurücknavigieren
	* und/oder rechtsseitig mit button/submit inputfeldern zum abschicken
	**/
	form.yform .endContainer {
		float: left;
		clear: left;
		width: 490px;
		border-top: 1px solid #B9B9B9;
		padding: 6px 0px 6px 0px;
	}
	/**
	* (de) Einstellungen für "Get Adobe Reader" bei Download als PDF
	*
	**/
	.getPDFContainer {
		float: left;
		clear: left;
		width: 488px;
		font-size: 75%;
		border-top: 1px solid #B9B9B9;
		padding: 10px 1px 7px 1px; 
	}
	.getPDFContainer img {
		padding: 5px 10px 0px 0px;
	}
	.getPDFContainer p{
		width: 360px;
	}
	.getPDFContainer p,
	.getPDFContainer img {
		position: relative;
		display: block;
		float: left;
	}
	.getPDFContainer a {
		color: #00AEEF;
		text-decoration: none;
	}
	/**
	* (de) Linkcontainer für "Zurück"-Links, o.ä. , Linkklasse folgend
	*
	**/
	.linkContainer {
		float: left;
		clear: left;
		width: 245px;
		margin: 9px 0px 9px 0px;
		padding-top: 2px;
	}
	.linkContainer a.back {
		color: #00AEEF;
		font-size: 75%;
		text-decoration: none;
		background: url(/fileadmin/formulare/images/arrows/arrow_left.gif) 0px 3px no-repeat;
		padding-left: 10px;
	}
	.linkContainer a.back:hover {
		color: #7F0156;
		background: url(/fileadmin/formulare/images/arrows/arrow_left_over.gif) 0px 3px no-repeat;
	}
	/**
	* (de) Generelle Klasse für Links die einen Pfeil nach rechts zeigen sollen
	*
	**/
	a.forward {
		color: #00AEEF!important;
		font-size: 100%!important;
		text-decoration: none;
		background: url(/fileadmin/formulare/images/arrows/arrow_right.gif) 0px 3px no-repeat;
		padding-left: 10px;
	}
	a.forward:hover {
		color: #7F0156!important;
		
		background: url(/fileadmin/formulare/images/arrows/arrow_right_over.gif) 0px 3px no-repeat;
	}
	a.linkText {
		color: #00AEEF!important;
		font-size: 100%!important;
		text-decoration: none;
	}
	a.linkText:hover {
		color: #7F0156!important;
	}
	/**
	* (de) Grafische Buttons und Submits
	*
	**/
	.buttonContainer {
		width: 245px;
		float: left;
		margin: 9px 0px 9px 0px;
	}
	/**
	* (de) Generelle Höhe und keine Begrenzungslinien für besagte Buttons
	*
	**/
	.buttonContainer input {
		float: right;
		clear: right;
		height: 26px;
		border: 0px none;
		margin-bottom: 4px;
	}
	/**
	* (de) Grafische Festlegung für unterschiedliche Buttons
	* Der Zusatz "Grey" existiert nur für die Anforderung per PDF, Post und Telefonische Beratung
	**/
	.buttonContainer input.topbutton {
		margin-bottom: 10px;
	}
	.buttonContainer input.berechnen {
		width: 150px;
		background:url(/fileadmin/formulare/images/buttons/button_jetzt_berechnen.gif);
	}
	.buttonContainer input.berechnen:hover {
		background:url(/fileadmin/formulare/images/buttons/button_jetzt_berechnen_over.gif);
	}
	.buttonContainer input.angebotpdf {
		width: 212px;
		background:url(/fileadmin/formulare/images/buttons/button_angebot_als_pdf_herunterladen.gif);
	}
	.buttonContainer input.angebotpdf:hover {
		background:url(/fileadmin/formulare/images/buttons/button_angebot_als_pdf_herunterladen_over.gif);
	}
	.buttonContainer input.angebotpdfGrey {
		width: 212px;
		background:url(/fileadmin/formulare/images/buttons/button_grau_angebot_als_pdf_herunterladen.gif);
	}
	.buttonContainer input.angebotpdfGrey:hover {
		background:url(/fileadmin/formulare/images/buttons/button_grau_angebot_als_pdf_herunterladen_over.gif);
	}
	.buttonContainer input.angebotpost {
		width: 212px;
		background:url(/fileadmin/formulare/images/buttons/button_angebot_per_post_anfordern.gif);
	}
	.buttonContainer input.angebotpost:hover {
		background:url(/fileadmin/formulare/images/buttons/button_angebot_per_post_anfordern_over.gif);
	}
	
	.buttonContainer input.angebotsenden {
		width: 120px;
		background:url(/fileadmin/formulare/images/buttons/button_senden.gif);
	}
	
	.buttonContainer input.angebotsenden:hover {
		background:url(/fileadmin/formulare/images/buttons/button_senden_over.gif);
	}
	.buttonContainer input.angebot {
		width: 140px;
		background:url(/fileadmin/formulare/images/buttons/button_angebot_anfordern.gif) no-repeat;
	}
	.buttonContainer input.angebot:hover {
		background:url(/fileadmin/formulare/images/buttons/button_angebot_anfordern_over.gif);
	}
	.buttonContainer input.angebotpostGrey {
		width: 212px;
		background:url(/fileadmin/formulare/images/buttons/button_grau_angebot_per_post_anfordern.gif);
	}
	.buttonContainer input.angebotpostGrey:hover {
		background:url(/fileadmin/formulare/images/buttons/button_grau_angebot_per_post_anfordern_over.gif);
	}
	.buttonContainer input.telefonischeberatung {
		width: 212px;
		background:url(/fileadmin/formulare/images/buttons/button_telefonische_beratung_anfordern.gif);
	}
	.buttonContainer input.telefonischeberatung:hover {
		background:url(/fileadmin/formulare/images/buttons/button_telefonische_beratung_anfordern_over.gif);
	}
	.buttonContainer input.telefonischeberatungGrey {
		width: 212px;
		background:url(/fileadmin/formulare/images/buttons/button_grau_telefonische_beratung_anfordern.gif);
	}
	.buttonContainer input.telefonischeberatungGrey:hover {
		background:url(/fileadmin/formulare/images/buttons/button_grau_telefonische_beratung_anfordern_over.gif);
	}
	.buttonContainer input.onlineabschliessen {
		width: 212px;
		background:url(/fileadmin/formulare/images/buttons/button_jetzt_online_abschliessen.gif);
	}
	.buttonContainer input.onlineabschliessen:hover {
		background:url(/fileadmin/formulare/images/buttons/button_jetzt_online_abschliessen_over.gif);
	}
	.buttonContainer input.onlineaantrag {
		width: 212px;
		background:url(/fileadmin/formulare/images/buttons/button_online-antrag_senden.gif);
	}
	.buttonContainer input.onlineaantrag:hover {
		background:url(/fileadmin/formulare/images/buttons/button_online-antrag_senden_over.gif);
	}
	.buttonContainer input.weiter {
		width: 120px;
		background:url(/fileadmin/formulare/images/buttons/button_weiter.gif);
	}
	.buttonContainer input.weiter:hover {
		background:url(/fileadmin/formulare/images/buttons/button_weiter_over.gif);
	}
	.buttonContainer input.senden {
		width: 120px;
		background:url(../images/buttons/button_senden.gif);
	}
	.buttonContainer input.senden:hover {
		background:url(../images/buttons/button_senden_over.gif);
	}
	
	/**
	* (de) Stylesheets für die Ergebnisseite, aufbauend auf den form styles von oben
	*
	**/
	/**
	* (de) Infobox = Aufklappende Infobox mit Balken und Link im Urzustand
	*
	**/
	.infobox .infoboxBar {
		float: left;
		clear: left;
		width: 490px;
		height: 21px;
		padding: 5px 0px 0px 8px;
	}
	.infobox .infoboxBar a {
		color: #00AEEF;
		font-size: 75%;
		text-decoration: none;
		padding: 0px 0px 0px 14px;
	}
	.open {
		display:none;
		background: url(/fileadmin/formulare/images/aufklapper/aufklapper_aufgeklappt_oben.gif) 0px 0px no-repeat;		
	}
	.closed {
		background: url(/fileadmin/formulare/images/aufklapper/aufklapper_geschlossen.gif) 0px 0px no-repeat;		
	}
	.closed a {
		background: url(/fileadmin/formulare/images/arrows/arrow_down.gif) 0px 5px no-repeat;
	}
	.closed a:hover {
		color: #7F0156;
		background: url(/fileadmin/formulare/images/arrows/arrow_down_over.gif) 0px 5px no-repeat;
	}
	.open a {
		background: url(/fileadmin/formulare/images/arrows/arrow_up.gif) 0px 5px no-repeat;
	}
	.open a:hover {
		color: #7F0156;
		background: url(/fileadmin/formulare/images/arrows/arrow_up_over.gif) 0px 5px no-repeat;
	}
	.infoboxContainer {
		display: none;
		float: left;
		width: 466px;
		border-left: 1px solid #D7D7D7;
		border-bottom: 1px solid #D7D7D7;
		border-right: 1px solid #D7D7D7;
		padding: 11px 11px 11px 11px;
	}
	.infoboxTable {
		width: 468px;
	}
	.infoboxTable td {
		vertical-align: top;
		font-size: 75%;
		font-weight: normal;
		padding-right: 0px;
		padding-bottom: 6px;
	}
	.infoboxTable td.label {
		width: 174px;
		padding-right: 10px;
	}
	.infoboxTable td a.infopopup {
		display: block;
		position: relative;
		float: none;
		clear: none;
	}
	/**
	* (de) Generelle Einstellungen für Ergebnistabellen, mit steuernden Tabs oder ohne
	*
	**/
	.tabContainer {
		float: left;
		clear: left;
		width: 491 px;
		margin-top: 16px;
		background: url(/fileadmin/formulare/images/tabs/tabbg.gif) 0px -1px repeat-x;
	}
	.withoutTabs {
		margin-top: 0px;
		background: none;
		border-top:1px solid #D1D1D1;
	}
	/**
	* (de) idTabs = Styles für jquery.idTabs.min.js - Markup
	*
	**/
	.tabContainer ul.idTabs {
		display: block;
		float: left;
		clear: left;
		padding: 0px;
		margin: 0px;
		margin-left:-1px;
	}
	.tabContainer ul.idTabs li {
		list-style-type: none;
		float: left;
		padding: 0px;
		margin: 0px;
	}
	.tabContainer ul.idTabs li a {
		display: block;
		font-size: 75%;
		text-decoration: none;
		font-weight: bold;
		color: #28BAF5;
		height: 26px;
		background: url(/fileadmin/formulare/images/tabs/ergebnis_tab_off_mitte2.gif) 0px 2px repeat-x;
		margin-right: 2px;
		border-left:1px solid #E3E3E3;
		border-top:1px solid #E3E3E3;
		border-right:1px solid #E3E3E3;
		padding: 2px 8px 2px 8px;
	}
	.tabContainer ul.idTabs li a.selected {
		color: #87006B;
		border-left:1px solid #D1D1D1;
		border-top:1px solid #D1D1D1;
		border-right:1px solid #D1D1D1;
		border-bottom:0px none;
		background: url(/fileadmin/formulare/images/tabs/contentnav_tabweiss_10x30_aktiv.gif) 0px 7px repeat-x;
	}
	.tabContainer ul.idTabs li a:active, 
	.tabContainer ul.idTabs li a:focus {
		outline: none;
	} 
	/**
	* (de) Ergebnistabellen
	*
	**/
	.tabContainer .tabContent {
		width: 490px;
		float: left;
		clear: left;
		margin-top:0px;
		border-bottom: 1px solid #D0D0D0;
		border-collapse: collapse;
	}
	.tabContainer .tabContent tr td {
		font-size: 75%;
		color: #517684;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: top;
	}
	/**
	* (de) Zusatzklasse falls td eine Liniengrafik enthält, in dieem Fall sollte sie nicht höher als die eigentliche Grafik werden
	*
	**/
	.tabContainer .tabContent tr td.line {
		height:1px;
		padding:0px;
	}
	/**
	* (de) divider sind Trenner mit solider durchgezogener Linie, von Seitenborder zu Seitenborder
	*
	**/
	.tabContainer .tabContent tr.divider td {
		border-left: 1px solid #D0D0D0;
		border-right: 1px solid #D0D0D0;
		height: 15px;
		background: url(/fileadmin/formulare/images/tabs/solidline.gif) 0px 10px repeat-x;
	}
	.tabContainer .tabContent tr td sup {
		font-size: 70%;
	}
	/**
	* (de) Korrektur für "i"-Buttons in Ergebnistabellen
	*
	**/
	.tabContainer .tabContent tr td.info {
		width: 12px;
		padding-right: 11px;
		border-right: 1px solid #D0D0D0;
	}
	/**
	* (de) Spaltenbreiten in Ergebnistabellen
	*
	**/
	.tabContainer .tabContent tr td.first {
		width: 164px;
		padding-right: 10px;
	}
	.tabContainer .tabContent tr td.second {
		width: 100px;
		padding-right: 20px;
	}
	.tabContainer .tabContent tr td.third {
		width: 110px;
		padding-right: 10px;
	}
	.tabContainer .tabContent tr td.alignRight {
		text-align:right;
	}
	.tabContainer .tabContent .rightborder {
		width:12px;
		padding-right: 11px;
		border-right: 1px solid #D0D0D0;
	}
	.tabContainer .tabContent tr td.leftlabel {
		padding-left: 11px;
		border-left: 1px solid #D0D0D0;
		width: 480px;
		width: 174px;
	}
	/**
	* (de) Widelabel im Fall von Bezeichnern für Ergebniseinträge verwenden die ein colspan besitzen
	*
	**/
	.tabContainer .tabContent tr td.widelabel {
		padding-left: 11px;
		border-left: 1px solid #D0D0D0;
		padding-top: 10px;
	}
	.tabContainer .tabContent tr td strong {
		color: #517684;
	}
	/**
	* (de) Korrektur von Widelabels für Zwischenergebniszeilen
	*
	**/
	.tabContainer .tabContent tr.tally td.widelabel {
		padding-left: 11px;
		padding-top: 4px!important;
		border-left: 1px solid #91286D;
	}
	.tabContainer .tabContent tr.tally td.widelabel sup {
		font-size: 70%;
		line-height: 5px;
	}
	/**
	* (de) Klassen für Zwischenergebnisse, Hintergrund und Borders
	*
	**/
	.tabContainer .tabContent .tally td {
		border-top: 1px solid #91286D;
		border-bottom: 1px solid #91286D;
		background-color: #E9E9E9;
		padding-top: 4px;
		padding-bottom: 4px;
		font-weight: bold;
		color: #91286D;
	}
	.tabContainer .tabContent .tally td strong {
		color: #91286D;
	}
	.tabContainer .tabContent .tally td.leftlabel {
		border-left: 1px solid #91286D;
		color: #8A005D;
	}
	.tabContainer .tabContent .tally td.leftlabel {
		width:185px;
	}
	.tabContainer .tabContent .tally td.info {
		border-right: 1px solid #91286D;
	}
	/**
	* (de) Border Collapse IE Fix für leere Zeilen
	*
	**/
	.emptyRow td {
		height:1px!important;
		font-size:1px!important;
		line-height:1px!important;
		margin:0px 0px 0px 0px!important;
		padding:0px 0px 0px 0px!important;
	}
	/**
	* (de) Abstand für nachfolgende Tabellen
	*
	**/
	.tabContainer .followup {
		margin-top: 10px;
	}
	/**
	* (de) Abstand für nachfolgende Tabellen, mit geschlossener oberer Begrenzung
	*
	**/
	.tabContainer .followupClosed {
		border-top: 1px solid #D0D0D0;
		margin-top: 20px;
	}
	.tabContainer .tally {
		border: 1px solid #91286D!important;
	}
	/**
	* (de) Statusmessage-Box mit grauen Hintergrund und heller Border
	*
	**/
	.calculatorHeader .statusmessage,
	.tabContainer .statusmessage {
		margin-top: 15px;
		display: block;
		width: 466px;
		float: left;
		clear: left;
		/*border: 1px solid #D3D3D3!important;*/
		background-color: #F4F4F4;
		padding: 11px 11px 11px 11px;
	}
	.tabContainer .statusmessage * {
		color: #24586C;
		font-size: 75%;
	}	
	.tabContainer .statusmessage strong {
		font-size: 100%;
	}
	.tabContainer .statusmessage h1 {
		color: #517684;
		font-size: 75%;
		margin-bottom: 6px;
	}	
	.tabContainer .statusmessage ul {
		margin:0px 0px 0px 7px;
		padding:0px;
	}
	.tabContainer .statusmessage ul li {
		list-style-type: none;
		margin-left: -7px;
		padding-left: 9px;
		line-height: 130%;
		background: url(/fileadmin/formulare/images/img_bullet_green.gif) 0px 6px no-repeat;
		color: #517684;
		font-size: 130%;
	}
	.calculatorHeader .statusmessage ul li {
		list-style-type: none;
		margin-left: -19px!important;
		padding-left: 9px;
		line-height: 130%;
		background: url(/fileadmin/formulare/images/img_bullet_green.gif) 0px 6px no-repeat;
		color: #517684!important;
		font-size:100%!important;
	}
	.tabContainer .endContainer {
		float: left;
		clear: left;
		width: 490px;
		border-top: 1px solid #B9B9B9;
		margin-top:15px;
		padding: 6px 0px 2px 0px;
	}
	/**
	* (de) Container und Styles f+r die Seitenlegende (Begiffserklärungen)
	*
	**/
	.legendContainer {
		width: 490px;
		float: left;
		clear: left;
		margin-top: 2px;
		border-top: 1px solid #BABABA;
	}
	.legendContainer table {
		width: 490px;
		margin-top: 18px;
		margin-bottom: 18px;
	}
	.legendContainer td {
		font-size: 71%;
		color: #517684;
		vertical-align: top;
		padding-right: 4px;
	}
	/**
	* (de) Listen im Kopfbereich, separat definiert zum im Footer verwendeten Typ
	*
	**/
	#calculatorMain .calculatorHeader ul.ri {
		margin: 10px 20px 0px 0px;
		width: 150px;
		float:right;
		clear:left;
	}
	#calculatorMain .calculatorHeader ul.note {
		margin:0px 0px 0px 7px;
		padding:0px;
	}
	#calculatorMain .calculatorHeader ul.note li{
		list-style-type: none;
		margin-left: -7px;
		padding-left: 9px;
		line-height: 130%;
		background: url(/fileadmin/formulare/images/img_bullet_green.gif) 0px 6px no-repeat;
		color: #517684;
		font-size: 75%;
	}
	/**
	* (de) Blaue Textlinks im Header
	*
	**/
	#calculatorMain .calculatorHeader a.textLink {
		color: #00AEEF;
		float: left;
		clear: left;
		text-decoration: none;
		background-image:url(/fileadmin/formulare/images/arrows/arrow_right.gif);
		background-repeat:no-repeat;
		background-position:0px 3px;
		padding-left:10px;
		margin-top:10px;
		padding-bottom:10px;
	}
	#calculatorMain .calculatorHeader a.textLink:hover {color: #7F0156;
		background-image:url(/fileadmin/formulare/images/arrows/arrow_right_over.gif);
	}
	/**
	* (de) Fixes für Statusmessage inkl. Formfelder
	*
	**/
	fieldset .tabContainer {
		padding-top:0px; margin-top:0px;
	}
	fieldset .tabContainer .statusmessage {
		border-bottom:0px none;
	}
	fieldset .tabContainer .statusmessage .type-radio-double {
		width: 480px; 
		font-size:100%;
		margin-top:10px;
	}
	fieldset .tabContainer .statusmessage .type-radio-double label
	{
		font-size:100%;
	}
	fieldset .tabContainer .statusmessage .last {
		padding-bottom:0px; 
		margin-bottom:0px; 
		padding-left:0px; 
	}
	fieldset .tabContainer .statusmessage .last .leftlabel { 
		width:180px; 
	}
	.yform fieldset .legend_sub {
		font-weight: normal;
		font-size: 75%;
		margin-bottom: 12px;
		color: #24586C;;
	}
	/**
	* (de) Rechts angeordnete Labels für Formzeilen
	*
	**/
	.yform fieldset .rightlabel {
		width: 420px;
		color: #24586C;
		margin-left: 5px;
		float: left;		
		font-size:75%;
		padding-top:2px;		
	}
	fieldset .fieldcontainer_left{
		float: left; width:30px;
		overflow: hidden;
	}
	fieldset .type-text .fieldcontainer_left .check {
		border:0px none;
	}
	fieldset .clear	{ clear:both; }


}