/* Author: Karl Schwaier (DMC 01)
 * Date: Sept./Okt./Nov. 2009
 * 
 * GENERAL STYLES
 * OBJECTS
 * SPECIFIC STYLES
 */

/********** GENERAL STYLES **********/

/** RESET **/
.calc * { margin: 0; padding: 0; }
.calc a { text-decoration: none; }
.calc a img,
.calc fieldset { border: 0; }
.calc ul {
  list-style-type: none;
  list-style-image: none;
}

/** BASICS **/
.calc {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.calc form {
	display: none; /* hide app and show it via jQuery so it will only be displayed if JavaScript is available */
}
.calc h3 {
	color: #135192;		
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.calc h4 {
	color: #135192;		
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}
#content_big_calc {
  padding: 15px 0px 15px 0px;
}

/** LAYOUT **/
.calc {
	width: 799px;
}
/* body */
.calcBody {
	border-left: 1px solid #ece8e0;
	border-right: 1px solid #ece8e0;
	border-top: 1px solid #e9e5dd;
	position: relative;
}
.calcTarget {
	background: #ece8e1 url(../../images/design/rechner/bg_target.png) 0 0 repeat-x;
	padding: 21px 405px 13px 13px;
}
.calcTargetZukunftscheckPesionsvorsorge {
	background: #ece8e1 url(../../images/design/rechner/bg_target.png) 0 0 repeat-x;
	padding: 21px 205px 13px 13px;
}
.calcForm {
	background: #f1f0eb url(../../images/design/rechner/bg_form.png) 0 0 repeat-x;
	padding: 0 405px 0 0;
	width: 392px; /* IE: hasLayout */
}
.calcProfit {
	background: transparent url(../../images/design/rechner/profit_shadow.png) bottom left no-repeat;
	border-top: 1px solid #f4f2f1;
	color: #135192;	
	padding: 0 2px 3px 2px;
	position: absolute; right: 11px; top: 12px;
	width: 391px; 
}
.calcResult-Kontaktformularergebnisse{
  top: 0px;
}
.calcActions {
	background: #ece8e0 url(../../images/design/rechner/bg_actions.png) 0 0 repeat-x;
	padding: 15px 0 15px 13px;
	position: relative;
}
/* footer */
#calcFooter {
	background-color: #f7f5f2;
	font-size: 10px;
	margin-top: 1px;
	padding: 9px 13px;
}


/********** OBJECTS **********/
/* CLEARFIX */
.calcClearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;     
	visibility: hidden;
}

/** BORDER **/
.calcBorderTop {
	background: transparent url(../../images/design/rechner/border.png) 0 0 repeat-x;
}

/** TABS **/
.calcTabs {	
	background: transparent url(../../images/design/rechner/elements.png) -10px -480px no-repeat;
	height: 29px;
	padding-left: 1px;
}
.calcTabs ul {
	background: transparent url(../../images/design/rechner/tabs_shadow_right.png) right bottom no-repeat;
	float: left;
	padding-right: 3px;
	/* 30.Mar2010: added by ResP to override the volksbank css*/
  list-style-image: none;
  list-style-type: none;
  /* ... */	
}
.calcTabs li {
	float: left;
}
.calcTabs li a {	
	background: transparent url(../../images/design/rechner/elements.png) left -420px no-repeat;
	color: #bbbdbe;
	display: block;	
	font-size: 12px; 
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	outline: 0;
	text-align: center;
	padding-left: 4px;
}
.calcTabs li div {	
	background: transparent url(../../images/design/rechner/elements.png) left -420px no-repeat;
	color: #bbbdbe;
	display: block;	
	font-size: 12px; 
	font-weight: bold;
	height: 29px;
	line-height: 29px;
	outline: 0;
	text-align: center;
	padding-left: 4px;
}
.calcTabs li.calcTab1 a {
	background-position: -10px -420px;	
}
.calcTabs li.calcTab1_zukunftscheck a {
	background-position: -10px -420px;	
}
.calcTabs li a span {
	background: transparent url(../../images/design/rechner/elements.png) right -390px no-repeat;
	display: block;	
	padding-right: 3px; /* correct center position of text */
}
.calcTabs li div span {
	background: transparent url(../../images/design/rechner/elements.png) right -390px no-repeat;
	display: block;	
	padding-right: 3px; /* correct center position of text */
}
.calcTabs li.calcActive {	
	border-bottom: 1px solid #f9f8f6;	
	position: relative; z-index: 9;	
}
.calcTabs li.calcActive a {
	background-position: left -480px;	
	color: #135192;		
}
.calcTabs li.calcActive div {
	background-position: left -480px;	
	color: #135192;		
}
.calcTabs li.calcActive a span {
	background-position: right -450px;	
}
.calcTabs li.calcActive div span {
	background-position: right -450px;	
}

/** UNIT **/
.calcUnit {
	color: #274f92;	
	font-size: 11px;
}

/** SLIDER **/
.calcSlider {
	height: 29px;
	position: relative;
}
.calcSlider .calcRange {
	color: #8d8d8d;
	font-size: 9px;
	height: 10px;
	position: relative;
	width: 240px;
}
.calcSlider .calcRange .calcMax {
	position: absolute; right: 0; top: 0;	
}
.calcSlider .calcControl {
	background: transparent url(../../images/design/rechner/elements.png) 0 0 no-repeat;
	height: 18px;
	position: relative;	
	width: 335px;
}
.calcSlider .calcTrack {
	height: 18px;
	margin-left: 12px;
	width: 222px;	
}
.calcSlider .ui-widget-header {
	background: transparent url(../../images/design/rechner/elements.png) 0 -40px no-repeat;
	height: 18px;
	margin-left: -12px;
}
.calcSlider .ui-slider .ui-slider-handle {
	background: transparent url(../../images/design/rechner/elements.png) 0 -60px no-repeat;
	border: 0;
	height: 18px;
	margin-left: -12px;
	top: 0;
	width: 22px;
}
.calcSlider .ui-widget-content {
	background: none;
	border: 0;
}
.calcSlider .calcValue {		
	color: #274f92;	
	font-size: 11px;	
	position: absolute; right: 6px; top: 3px;	
}
.calcSlider .calcUnit {
	position: absolute;	left: 345px; bottom: 2px;
}
.calcSlider .lessLeft {
	left: 340px;
}
.calcSlider .calcExtInfo {
	color: #8D8D8D;
	font-size: 9px;
	position: absolute; left: 280px; top: 0;
}
.calcSliderError .calcControl {
	background-position: 0 -20px;
}

/** TEXT INPUTS **/
.calcTextInput {	
	min-height: 16px;
	padding-top: 1px;
	padding-right: 143px;
	bottom: 5px;
	z-index:0;
}
.calcTextInputRight {	
	min-height: 16px;
	padding-top: 1px;
	padding-right: 143px;
	bottom: 5px;
	z-index:0;
}
.calcTextInputWithoutLabel {
  float:right;
  margin-top:-15px;
  padding-top:0;
  width:130px;
}
.calcParam .calcTextInput label {
	color: #000;
	display: inline;	
	font-weight: normal;
	margin-bottom: 0;		
	text-transform: none;
}
.calcTextInput input {
	background-color: #f5f4f4;
	border: 1px inset #f0efee;
	color: #274f92;
	font-size: 10px;
	padding-right: 3px;
	position: absolute;
  text-align: right;	
	width: 86px; height: 14px;
	height: 14px;
	right: 440px;
	vertical-align: bottom;
}
.calcTextInput .calcUnit {
	float: right;
	position: absolute;
  text-align: right;
	height: 16px;
	right: 410px;
}
.calcTextInputRight input {
	background-color: #f5f4f4;
	border: 1px inset #f0efee;
	color: #274f92;
	font-size: 10px;
	padding-right: 3px;
	position: absolute;
  text-align: right;	
	width: 86px; height: 14px;
	height: 14px;
	right: 50px;
	vertical-align: bottom;
}
.calcTextInputRight .calcUnit {
	float: right;
	position: absolute;
  text-align: right;
	height: 16px;
	right: 25px;
}
/*
.calcInputSlider {
	background-color: #D4D4D4;
	border: 1px inset #f0efee;
	color: #274f92;
	font-size: 10px;
	padding-right: 3px;
	position: absolute;
  text-align: right;
	width: 86px; height: 14px;
	height: 14px;
	right: 440px;
	vertical-align: bottom;
}
*/
.calcInputSlider {
  background-color: transparent !important;
  border: 0 none !important;
  bottom: 1px;
	color: #274f92;
	font-size: 10px;
  height: 14px;
  left: 242px;
  min-height: 12px;
  padding-top: 1px;
	padding-right: 3px;
	position: absolute;
	right: 440px;
  text-align: right;
	vertical-align: bottom;
  width: 86px;
  z-index: 0;
}
/** CUSTOM FIELDS **/
.calcCustomField input {
	/*display: none !important;*/ /* this way selecting via label will not work in IE */
	position: absolute;
	left: -5000px;
}
/** CUSTOM FIELDS 
 ** necessary, because if you press the button, the refresh routine will start
 ** with the new class the refresh routine doesn't start**/
.calcCustomField1 input {
	/*display: none !important;*/ /* this way selecting via label will not work in IE */
	position: absolute;
	left: -5000px;
}
/* radio */
.calcCustomFieldRadio label {
	background: transparent url(../../images/design/rechner/elements.png) -325px -200px no-repeat;
	padding-left: 20px;
}
.calcCustomFieldRadio label.calcChecked {
	background-position: -325px -250px;
}
/* boxes */
.calcCustomFieldBoxes label {
	background: transparent url(../../images/design/rechner/elements.png) 0 -200px no-repeat;
	padding-left: 20px;
}
.calcCustomFieldBoxes label.calcChecked {
	background-position: 0 -250px;
}

/* boxes Zukunftscheck*/
.calcCustomFieldBoxesZukunftscheck label {
	background: transparent url(../../images/design/rechner/elementsZukunftscheck.png) 0 -584px no-repeat;
	padding-left: 20px;
}
.calcCustomFieldBoxesZukunftscheck label.calcChecked {
	background-position: 0 -634px;
}

/* gender */
.calcCustomFieldGender label {	
	float: left;
	width: 25px; height: 20px;
}
.calcCustomFieldGender label span {
	background-image: url(../../images/design/rechner/elements.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
	width: 100%; height: 100%;
}
.calcCustomFieldGender label .calcF { background-position: 0 -80px; }
.calcCustomFieldGender label.calcChecked .calcF { background-position: 0 -100px; }
.calcCustomFieldGender label .calcM { background-position: -25px -80px; }
.calcCustomFieldGender label.calcChecked .calcM { background-position: -25px -100px; }
/* buttons */
.calcCustomFieldButtons {
	height:18px;
}
.calcCustomFieldButtons label {
	background: transparent url(../../images/design/rechner/elements.png) right -300px no-repeat;
	cursor: pointer;	
	display: block;
	float: left;
	height: 100%;
}
.calcCustomFieldButtons label.calcFirst { background-position: left -340px; }	
.calcCustomFieldButtons label.calcLast { background-position: right -320px; }
.calcCustomFieldButtons label span {
	background: transparent url(../../images/design/rechner/elements.png) right -360px;
	color: #8d8d8d;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	padding: 0 11px;
	text-transform: uppercase;
}
.calcCustomFieldButtons label.calcLast span { background: none; }
.calcCustomFieldButtons label.calcChecked {
	background: transparent url(../../images/design/rechner/elements.png) 0 -40px no-repeat;
}
.calcCustomFieldButtons label.calcChecked span {
	background: transparent url(../../images/design/rechner/elements.png) right -60px no-repeat;
	color: #fff;
}
/* target audience */
.calcCustomFieldAudience label {
 	display: block;
	float: left;
}
.calcCustomFieldAudience label span {
	background-image: url(../../images/design/rechner/zielgruppen.png);
	background-repeat: no-repeat;
	display: block;
	width: 50px;
  height: 20px;
}
.calcCustomFieldAudience label span.calcZ1 { background-position: 0 0; }
.calcCustomFieldAudience label span.calcZ2 { background-position: -50px 0; }
.calcCustomFieldAudience label span.calcZ3 { background-position: -100px 0; }
.calcCustomFieldAudience label span.calcZ4 { background-position: -150px 0; }
.calcCustomFieldAudience label span.calcZ5 { background-position: -200px 0; }
.calcCustomFieldAudience label span.calcZ6 { background-position: -250px 0; }
.calcCustomFieldAudience label.calcChecked span.calcZ1 { background-position: 0 -20px; }
.calcCustomFieldAudience label.calcChecked span.calcZ2 { background-position: -50px -20px; }
.calcCustomFieldAudience label.calcChecked span.calcZ3 { background-position: -100px -20px; }
.calcCustomFieldAudience label.calcChecked span.calcZ4 { background-position: -150px -20px; }
.calcCustomFieldAudience label.calcChecked span.calcZ5 { background-position: -200px -20px; }
.calcCustomFieldAudience label.calcChecked span.calcZ6 { background-position: -250px -20px; }

/** ERROR MESSAGE **/
.calcError {
	background-color: #fff6f6;
	border: 1px solid #ee9693;
	color: #ec4343;
	margin-top: 5px;
	padding: 8px;
	width: 350px;
}

/** CUSTOM SELECT **/
.calc .jqTransformSelectWrapper {
	background-color: #fff;
	background-image: none;
	border: 1px solid #888;		
	height: 18px;	
}
.calc .jqTransformSelectWrapper div span {
	font-size: 10px;
	height: 18px;
	line-height: 18px;
	padding: 0 0 0 5px;
}
.calc .jqTransformSelectWrapper a.jqTransformSelectOpen {
	background: #fff url(../../images/design/rechner/elements.png) 5px -175px no-repeat;
	height: 18px;	
	width: 19px;
}
.calc .jqTransformSelectWrapper ul {
	top: 18px;	
}
.calc .jqTransformSelectWrapper ul a {
	font-size: 10px;	
	padding: 2px 0 2px 5px;	
}

/** DATE & TIME FIELD **/
.calcDateField,
.calcTimeField {
	background-image: url(../../images/design/rechner/elements.png);
	background-repeat: no-repeat;
	border: 0;
	display: block;
	font-size: 10px;
	height: 17px;
	padding: 4px 23px 0 6px;
	width: 61px;
}
.calcDateField { background-position: 0 -120px; }
.calcDateFieldExample { background-position: 0 -145px; } /* could be very nice with chained classes, but IE6 doesn't support them */
.calcTimeField { 
	background-position: -90px -120px;
	padding-right: 6px;
	width: 58px;	 
}
.calcTimeFieldExample { background-position: -90px -145px; }

/** DATE PICKER **/
.ui-widget {
	font-family: Arial, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	z-index: 99;
}

/** PARAMETERS **/
.calcParam {
	background: transparent url(../../images/design/rechner/border.png) 0 0 repeat-x;	
	font-size: 10px;	
	padding: 7px 0 7px 14px;	
}
.calcParamFirst {
	border-top: 0;
}
.calcParamLast {
	border-bottom: 0;
}
.calcParam label {
	color: #274f92;
	display: block;
	font-weight: bold;
	margin-bottom: 1px;
	text-transform: uppercase;
}
.calcParam .calcJqTransform {
	margin-top: 8px;
}
.calcParam .calcJqTransform select {	
	width: 314px;
}

.calcParam .calcJqTransformRisiko {
	margin-top: 8px;
}
.calcParam .calcJqTransformRisiko select {	
	width: 314px;
}

.calcParamGender {
	background: transparent url(../../images/design/rechner/border.png) 0 0 repeat-x;	
	font-size: 10px;	
	padding: 7px 0 7px 14px;
  margin-bottom: 20px;	
}

.calcParamGender label {
	color: #274f92;
	display: block;
	font-weight: bold;
	margin-bottom: 1px;
	text-transform: uppercase;
}

/** INFO TOOL TIPS **/
.calcInfo {	
	color: #274f92;
	position: relative;
}
.calcInfo img {	
	position: relative;
  left: 3px;
  z-index: 5;
	vertical-align: top;
}

.calcInfoUnfall {	
	color: #274f92;
	position: absolute;
	top: 275px;
  left: 33px;
}

.calcInfoUnfall img {	
	position: absolute;
  z-index: 5;
	vertical-align: top;
}

.calcInfoUnfall span {
	background: #fff url(../../images/design/rechner/elements.png) 0 -510px no-repeat;	
	display: none;
	font-size: 11px;
	font-weight: normal;
	padding: 12px 14px;
	position: absolute;
	text-transform: none;
	width: 180px;
	z-index: 6;
}


.calcInfoHaushaft {	
	color: #274f92;
	position: absolute;
	top: 325px;
  left: 29px;
}

.calcInfoHaushaft img {	
	position: absolute;
  z-index: 5;
	vertical-align: top;
}

.calcInfoHaushaft span {
	background: #fff url(../../images/design/rechner/elements.png) 0 -510px no-repeat;	
	display: none;
	font-size: 11px;
	font-weight: normal;
	padding: 12px 14px;
	position: absolute;
	text-transform: none;
	width: 180px;
	z-index: 6;
}

.calcInfoKrankheit {	
	color: #274f92;
	position: absolute;
	top: 287px;
  left: 110px;
}

.calcInfoKrankheit img {	
	position: absolute;
  z-index: 5;
	vertical-align: top;
}

.calcInfoKrankheit span {
	background: #fff url(../../images/design/rechner/elements.png) 0 -510px no-repeat;	
	display: none;
	font-size: 11px;
	font-weight: normal;
	padding: 12px 14px;
	position: absolute;
	text-transform: none;
	width: 180px;
	z-index: 6;
}


.calcInfoRechtsschutz {	
	color: #274f92;
	position: absolute;
	top: 301px;
  left: 145px;
}

.calcInfoRechtsschutz img {	
	position: absolute;
  z-index: 5;
	vertical-align: top;
}

.calcInfoRechtsschutz span {
	background: #fff url(../../images/design/rechner/elements.png) 0 -510px no-repeat;	
	display: none;
	font-size: 11px;
	font-weight: normal;
	padding: 12px 14px;
	position: absolute;
	text-transform: none;
	width: 180px;
	z-index: 6;
}

.calcInfoBerufsunf {	
	color: #274f92;
	position: absolute;
	top: 317px;
  left: 173px;
}

.calcInfoBerufsunf img {	
	position: absolute;
  z-index: 5;
	vertical-align: top;
}

.calcInfoBerufsunf span {
	background: #fff url(../../images/design/rechner/elements.png) 0 -510px no-repeat;	
	display: none;
	font-size: 11px;
	font-weight: normal;
	padding: 12px 14px;
	position: absolute;
	text-transform: none;
	width: 180px;
	z-index: 6;
}

.calcInfoErableben {	
	color: #274f92;
	position: absolute;
	top: 310px;
  left: 226px;
}

.calcInfoErableben img {	
	position: absolute;
  z-index: 5;
	vertical-align: top;
}

.calcInfoErableben span {
	background: #fff url(../../images/design/rechner/elements.png) 0 -510px no-repeat;	
	display: none;
	font-size: 11px;
	font-weight: normal;
	padding: 12px 14px;
	position: absolute;
	text-transform: none;
	width: 180px;
	z-index: 6;
}

.calcInfoPflegevors {	
	color: #274f92;
	position: absolute;
	top: 305px;
  left: 276px;
}

.calcInfoPflegevors img {	
	position: absolute;
  z-index: 5;
	vertical-align: top;
}

.calcInfoPflegevors span {
	background: #fff url(../../images/design/rechner/elements.png) 0 -510px no-repeat;	
	display: none;
	font-size: 11px;
	font-weight: normal;
	padding: 12px 14px;
	position: absolute;
	text-transform: none;
	width: 180px;
	z-index: 6;
}

.calcInfoErgebnis img {
  position: absolute;
  left: 77px;
  top: 40px;
}

.calcInfo span {
	background: #fff url(../../images/design/rechner/elements.png) 0 -510px no-repeat;	
	display: none;
	font-size: 11px;
	font-weight: normal;
  left: 2px;
	padding: 12px 14px;
	position: absolute;
	text-transform: none;
	top: 0;
	width: 180px;
	z-index: 6;
}
.calcInfoErgebnis span {
  position: absolute;
  left: 76px;
  top: 40px;
}

/** PROFIT **/
.calcProfit .calcData {
	border: 3px solid #fff;
	background: #e6ebf3 url(../../images/design/rechner/bg_profit.png) bottom left repeat-x;
	padding: 14px 10px 0 10px;
}
#calcPageCalculate .calcProfit .calcData {
	/*height: 352px;*/
}
/* table */
.calcProfit table {
	border-collapse: collapse;
	width: 100%;
}
.calcProfit th {
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;	
}
.calcProfit td {
	font-size: 12px;
	font-weight: bold;
	padding-right: 15px;
	text-align: right;
}
.calcProfit .calcFirst td {
	font-size: 20px;
}
.calcProfit .calcNegVal {
	color: #e88d07;
}
.calcProfit td,
.calcProfit th {
	border-bottom: 1px solid #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	/* added by KreM 2010-02-11: standard VB-style has to be overwritten */
	color: #135192;
	background: transparent url(../../images/design/rechner/profit_noshadow.png) bottom left no-repeat;
	/* --- */
}
.calcProfit tr.calcFirst td,
.calcProfit tr.calcFirst th {
	border-bottom-color: #d5ddea;
}
.calcProfit tr.calcLast td,
.calcProfit tr.calcLast th {
	border-bottom-width: 0;
}
/* text */
.calcProfit p {
	font-size: 10px;
}
/* diagram */
.calcProfit .calcDiagram {
	margin-top: 20px;
}
/* 04-08-2010: added by ResP, format the table for 'fremdwaehrungsrechner' */
.currencyTable {
  position: absolute;
  top: 165px;
  left: 80px;
  width: 230px;
  height: 120px;
}
.currencyTable td {
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 1px;
  border-width: 0px;
  /*width: 42px;*/
}
.currencyTable th {
  font-size: 13px;
  border-width: 0px;
  border-bottom: 2px solid #1D5EA9;
  padding-top: 0px;
  padding-bottom: 0px;
}
#calcResult_th {
  width: 140px !important;
}
#calcResult_td {
  font-size: 14px;
  text-align: right;
}
.spalte0_fremdwaehrungsrechner {
  width: 80px;
}
.spalte1_fremdwaehrungsrechner {
  width: 45px;
}
.spalte2_fremdwaehrungsrechner {
  width: 62px;
}
.spalte3_fremdwaehrungsrechner {
  width: 43px;
}
.spalte_rahmen_fremdwaehrungsrechner {
  border-right: 2px solid #1D5EA9 !important;
}
/***/
/* 04-16-2010: added by ResP, format the drop down boxes for currency selection of 'fremdwaehrungsrechner' */
.calcForm #currencyFrom,
.calcForm #currencyTo {	
	width: 100px;
}
.calcForm #currencyFromName,
.calcForm #currencyToName {	
	width: 200px;
}
/***/
/* footer */
.calcProfit .calcFooter {
	background-color: #f7f5f2;
	height: 41px;
	padding-top: 14px;
	text-align: center;
}
/* overlay */
.calcProfit .calcOverlay {
	display: none;
	height: 100%; /* exact height will be set via js */	
	position: absolute; left: 4px; top: 3px;
	width: 387px;
}
.calcProfit .calcOverlay div {
	background: #e0e8f0;	
	opacity: 0.9; /* also see ie.css for separate filter settings for IE */
	width: 100%; height: 100%;
	position: absolute;
	z-index: 1000;
}
.calcProfit .calcOverlay p {
	background-color: #135192;
	color: #fff;
	font-size: 12px;
	padding: 24px 0;
	position: absolute; top: 126px; left: 72px;
	text-align: center;
	width: 240px;
	z-index: 1001;
}

/** Mein Sparziel Zukunftscheck **/

.calcSparziel {
	background: transparent url(../../images/design/rechner/profit_shadow.png) bottom left no-repeat;
	border-top: 1px solid #f4f2f1;
	color: #135192;	
	padding: 1px 2px 3px 2px;
	position: absolute; right: 0px; top: 240px;
	width: 391px; 
}
.calcSparzielZukunftscheck {
  top: 250px;
}

/** CAPTCHA **/
.calcCaptcha div a {	
	text-decoration: underline;
}
.calcCaptcha div img {
	vertical-align: middle;
}
.calcCaptcha div label {
	padding: 0 5px;
	position: relative; top: 2px;
}
.calcCaptcha div input {
	border: 1px solid #888;	
	font-size: 10px;	
	height: 16px;
	padding: 2px 0 0 2px;
	position: relative; top: 3px;
	width: 50px;
}
.calcCaptcha div span {
	display: block;
	margin-top: 8px;
}

/** CAPTCHA Zukunftscheck**/
.calcCaptchaZukunftscheck div a {	
	text-decoration: underline;
}
.calcCaptchaZukunftscheck div img {
	vertical-align: middle;
}
.calcCaptchaZukunftscheck div label {
	padding: 0 5px;
	position: relative; top: 2px;
}
.calcCaptchaZukunftscheck div input {
	border: 1px solid #888;	
	font-size: 10px;	
	height: 16px;
	padding: 2px 0 0 2px;
	position: relative; top: 3px;
	width: 50px;
}
.calcCaptchaZukunftscheck div span {
	display: block;
	margin-top: 8px;
}

/** PDF DOWNLOAD **/
.calcPdf {
	padding-top: 10px;	
	width: 357px;
}
.calcPdf p {
	background: transparent url(../../images/design/rechner/icon_pdf.png) 319px 0 no-repeat;
	height: 50px;
	padding-right: 65px;
}
.calcPdf p a {
	color: #135192;
	font-weight: bold;
	text-decoration: underline;
}


/********** SPECIFIC STYLES **********/

/** HEADER **/
#calcHeader li.calcTab1 { width: 133px; }
#calcHeader li.calcTab2 { width: 111px; }
#calcHeader li.calcTab3 { width: 146px; }
#calcHeader li.calcTab_zukunftscheck1 { width: 150px; }
#calcHeader li.calcTab_zukunftscheck2 { width: 150px; }
#calcHeader li.calcTab_zukunftscheck3 { width: 150px; }

/** TARGET **/
.calcTarget h3 {
	margin-bottom: 11px;
}
.calcTarget .calcJqTransform select {	
	width: 314px;
}

/** ACTION BUTTONS **/
.calcActions .calcBtnRefresh {
	outline: 0;	
}	
.calcActions .calcBtnSubmit {	
	position: absolute;	right: 14px; top: 15px;
}
.calcActions .calcBtnReset {
	position: absolute;	right: 180px; top: 15px;
}

/** PAGE CALCULATE **/
#calcPageCalculate .calcForm h4 {
	font-size: 12px;
	font-weight: bold;
	padding: 23px 0 10px 14px;
}
#calcPageCalculate .calcActions {
	min-height: 44px;
}
#calcPageCalculate .calcBtnRefresh {
	display: none;
}

/** PAGE REQUEST **/
/* target */
#calcPageRequest .calcTarget h4 {
	font-weight: bold;
	margin-bottom: 10px;
}
#calcPageRequest .calcTarget label strong {
	color: #135192;
}
#calcPageRequest .calcTarget .calcCustomField div {
	margin-bottom: 10px;
}
#calcPageRequest .calcTarget .calcCustomField1 div {
	margin-bottom: 10px;
}
#calcPageRequest .calcTarget .calcDesiredDate {
	margin: -5px 0 0 20px;
}
#calcPageRequest .calcTarget .calcDesiredDate label,
#calcPageRequest .calcTarget .calcDesiredDate input {
	float: left;
	margin-right: 5px;
}
/* field sets general */
#calcPageRequest .calcForm fieldset {
	background: transparent url(../../images/design/rechner/border.png) 0 0 repeat-x;	
	margin: 0 30px 0 13px;
	padding: 11px 0;
}
#calcPageRequest .calcForm fieldset .calcCustomFieldRadio {
	float: right;
	margin-top: -12px;
	/* absolute positioning does not work because FF does it wrong when using padding in fieldset - heard the 1st time about that */
}
#calcPageRequest .calcForm fieldset .calcCustomFieldRadio label {
	margin-left: 7px;	
}
/* field sets specific */
#calcPageRequest .calcForm fieldset.calcContact {
	background-image: none;
}
#calcPageRequest .calcForm fieldset.calcNewsletter .calcCustomFieldRadio {
	margin-top: -19px;
}
#calcPageRequest .calcForm fieldset.calcCustomer .calcJqTransform {
	margin-top: 8px;	
}
#calcPageRequest .calcForm fieldset.calcCustomer .calcRegion {	
	width: 150px;
}
#calcPageRequest .calcForm fieldset.calcCustomer .calcBank {	
	width: 90px;
}
#calcPageRequest .calcForm fieldset.calcCustomer .calcFamilienstand {	
	width: 150px;
}
#calcPageRequest .calcForm fieldset.calcCustomer .calcLebensphase {	
	width: 90px;
}
#calcPageRequest .calcForm fieldset.calcCustomer .jqTransformSelectWrapper {
	margin-right: 2px;
}
#calcPageRequest .calcForm fieldset.calcAddress .calcContainer {
	height: 116px;
	position: relative;
}
#calcPageRequest .calcForm fieldset.calcAddress .calcField {
	position: absolute;
}

#calcPageRequest #calcFieldGender { top: 0; left: 0; width: 53px; } /* 53px instead of 50px because of IE6 */

#calcPageRequest #calcFieldTitle { top: 0; left: 55px; }
#calcPageRequest #calcFieldTitle input { width: 67px; }
#calcPageRequest #calcFieldFirstname { top: 0; left: 129px; }
#calcPageRequest #calcFieldFirstname input { width: 97px; }
#calcPageRequest #calcFieldLastname { top: 0; left: 233px; }
#calcPageRequest #calcFieldLastname input { width: 112px; }

#calcPageRequest #calcFieldStreet { top: 42px; left: 0; }
#calcPageRequest #calcFieldStreet input { width: 166px; }
#calcPageRequest #calcFieldZip { top: 42px; left: 173px; }
#calcPageRequest #calcFieldZip input { width: 67px; }
#calcPageRequest #calcFieldCity	{ top: 42px; left: 247px; }
#calcPageRequest #calcFieldCity	input { width: 98px; }

#calcPageRequest #calcFieldEmail { top: 83px; left: 0; }
#calcPageRequest #calcFieldEmail input { width: 189px; }
#calcPageRequest #calcFieldPhone { top: 83px; left: 196px; }
#calcPageRequest #calcFieldPhone input { width: 149px; }

#calcPageRequest .calcForm fieldset.calcAddress label {
	display: block;	
	font-size: 11px;
	margin-bottom: 1px;
}
#calcPageRequest .calcForm fieldset.calcAddress input {
	border: 1px solid #888;
	display: block;
	font-size: 10px;
	height: 16px;	
	padding: 2px 0 0 2px;
}
/* captcha */
#calcPageRequest .calcCaptcha {		
	position: absolute; left: 410px; top: 150px;
	width: 340px;	
}
#calcPageRequest .calcCaptcha h4 {
	font-weight: bold;	
	margin-bottom: 5px;
}

/* captcha Zukunftscheck*/
#calcPageRequest .calcCaptchaZukunftscheck {		
	position: absolute; left: 410px; top: 150px;
	width: 340px;	
}
#calcPageRequest .calcCaptchaZukunftscheck h4 {
	font-weight: bold;	
	margin-bottom: 5px;
}

/* pdf */
#calcPageRequest .calcPdf {
	position: absolute; left: 410px; top: 277px;
}

/** PAGE SENT **/
/* thank you */
#calcPageSent .calcTarget {
	height: 41px;
}
#calcPageSent .calcForm div {
	background-color: #fbfbf9;
	margin-left: 14px;	
	padding: 22px 14px;
	position: relative; top: -64px;	
}
#calcPageSent .calcForm div h3 {
	font-size: 22px;
	margin-bottom: 16px;	
}
#calcPageSent .calcForm div p {
	color: #274f92;
}

/** CUSTOM STYLES FOR CALCULATORS **/
/* Sparplanrechner */
#calcSparplan #calcPageCalculate .calcProfit .calcData {
	height: 370px;
}
#calcSparplan #calcPageRequest .calcCaptcha {
	top: 217px;
}
/* Mietrechner */
#calcMiete #calcPageCalculate .calcForm {
	height: 254px;
}
/* Kreditrechner */
#calcKredit #calcPageCalculate .jqTransformSelectWrapper {
	z-index: 989 !important; /* must be between 990 and 987 because of info icons */
}
/* 04-12-2010: added by ResP, fixing the overlay of two drop-down boxes, one superimposing the other */
#calcKredit #calcPageCalculate #calcParam-currencyTo .jqTransformSelectWrapper{
  position: relative !important;
	z-index: 10 !important; /* must be between 990 and 987 because of info icons */
}
/***/
#calcKredit #calcPageCalculate .calcForm {
	height: 304px;
}
/* Haushaltsplan */
#calcHaushalt #calcPageCalculate .jqTransformSelectWrapper {
	z-index: 998 !important; /* must be between 999 and 996 because of info icons */
}

/* Zukunftscheck */
#calcSparplan #calcPageRequest .calcCaptchaZukunftscheck {
	top: 370px;
}

.linkZukunftscheck a{
  color: #135192;
}

/*Wohntraumcheck*/
#buttonersteseite #grafik1{
	background: url(../../images/rechner/wohntraumcheck/haus_bauen_grau.jpg) center;
	background-repeat:no-repeat;
	background-color:#F7F5F2;
}
#buttonersteseite #grafik1:hover{
	background: url(../../images/rechner/wohntraumcheck/haus_bauen_blau.jpg) center;
	background-repeat:no-repeat;
	background-color:#F7F5F2;
}
#buttonersteseite #grafik2{
	background: url(../../images/rechner/wohntraumcheck/wohnraum_kaufen_grau.jpg) center;
	background-repeat:no-repeat;
	background-color:#F7F5F2;
}
#buttonersteseite #grafik2:hover{
	background: url(../../images/rechner/wohntraumcheck/wohnraum_kaufen_blau.jpg) center;
	background-repeat:no-repeat;
	background-color:#F7F5F2;
}
#buttonersteseite #grafik3{
	background: url(../../images/rechner/wohntraumcheck/wohnraum_sanieren_grau.jpg) center;
	background-repeat:no-repeat;
	background-color:#F7F5F2;
}
#buttonersteseite #grafik3:hover{
	background: url(../../images/rechner/wohntraumcheck/wohnraum_sanieren_blau.jpg) center;
	background-repeat:no-repeat;
  background-color:#F7F5F2;
}