/*
übernommene Styles:

#dialog_second_error (plus Inhalte)

#dialog_second_intro - nein

*/


#beitragsrechner {
	float:left;
	width:566px;
	margin: 13px 0px 0px 0px;
	background-color:#F5F5ED;
}


/* Reiter oben #topReiter*/
div#topReiter {
	width:566px;
	height:32px;
	margin:0px;
	padding:0px;
}

.reiterLeftActive {
	background-image: url(/img/bt_rechner/bg_topReiter.gif );
	background-repeat: no-repeat;
	background-position: 0 0px;
}
.reiterRightActive {
	background-image: url(/img/bt_rechner/bg_topReiterRight.gif );
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#topReiter h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
	padding:9px 10px 0px 15px;
	margin: 0px 0px 10px 0px;
}

#topReiter ul {
	width:100%;
	float:left;
}

#topReiter li {
	float:left;
	width:255px;
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
	padding:9px 0px 0px 15px;
	margin: 0px 25px 10px 0px;

}
#topReiter li.rightTopReiter {
	padding:9px 0px 0px 15px;
	margin: 0px 0px 10px 0px;

}
#topReiter li a {
	font-weight:normal;
}
#topReiter li a:hover {
	text-decoration:none;
}



#beitragsrechner .formText {
	padding:15px;
}

#beitragsrechner p {
clear:left;
}
#beitragsrechner p.p {
margin-top:10px;
}
/* Box mit Hinweis */
.infoBox {
	margin-top: 10px;
	padding:6px 15px;
	background-color:#D9E69B;
}


#beitragsrechner fieldset {
	width:536px;
	border:none;
	padding:15px;
}

/* div.fields - Container für Angaben */
#beitragsrechner div.fields {
	width:100%;
	float:left;
	margin-left:0px;
display:block;
}

#beitragsrechner div.fields p {
	width:100%;
	float:left;
	margin:3px 0pt;
}

#beitragsrechner label {
	float:left;
	margin-right:5px;
	margin-top:1px;
	padding-top:1px;
	width:120px;
}

#beitragsrechner input,
#beitragsrechner textarea,
#beitragsrechner select {
	font-size:1em;
	vertical-align:middle;
	border:1px solid #C8C8C8;
}


#beitragsrechner input {
	padding:1px 2px 1px 2px;
}


/* Datum */
#beitragsrechner input.datumTag {
	width:16px;
}

#beitragsrechner input.datumJahr {
	width:25px;
}

#beitragsrechner select.selectWidth1{width:40px;}
#beitragsrechner select.selectWidth2{width:80px;}
#beitragsrechner select.selectWidth3{width:123px;}

#beitragsrechner select.selectWidth4 {
	width:200px !important;
}


/* Label + 2x(Radiobutton + Label)*/
.Label2radio {
	padding:2px 0px;
}

/* entspricht ' #beitragsrechner label ' */
.Label2radio .Label2radioTitle {
	float:left;
	margin-right:5px;
	margin-top:1px;
	padding-top:1px;
	width:120px;
}

	/* Radiobutton */
#beitragsrechner .Label2radio input {
	border:none;
}
	/* Labels zu den Radiobuttons */
#beitragsrechner .Label2radio .radioLabel {
	float:none;
	margin:0pt 30px 0pt 5px;
	vertical-align:middle;
}


/* erweiterte Angaben im Startformular */
/* gruppiert die ein-/ausblendbaren Felder u. erzeugt Abstand */
#angaben2 {
	float:left;
	width:100%;
	margin-top:5px;
}

.angaben2 {
	display:none;
	float:left;
	width:100%;
}


/* erweiterte Angaben im Startformular für den Kt Rechner */

#angaben3 {
	float:left;
	width:100%;
	margin-top:5px;
}

.angaben3 {
	display:block;
	float:left;
	width:100%;
}


#DIVeinkommen {}

#DIVberufsstatus {}

#DIVversicherungsstatus {}



/* Form submit */
div#dialog_submit {
	clear:left;
	margin-top:5px;
}

/* gepunktete Linie als Trenner */
.dotLine {
	width:536px;
	height:1px;
	clear:both;
	overflow:hidden;
	background-image: url(/img/bt_rechner/bg_topLine.gif );
	background-repeat:repeat-x;
	margin:0px 15px 0px 15px;
}

#beitragsrechner .dotLine {
	width:536px;
	margin:0px 0px 0px 15px;
}



/* Angaben - 2 */
.ClassAngaben {
	padding:15px;
}

#beitragsrechner .ClassAngaben .topText {
	width:536px;
	float:left;
}

#beitragsrechner .ClassAngaben .topText .topTextLeft {
	float:left;
	width:356px;
	clear:none;
}
#beitragsrechner .ClassAngaben .topText .topTextCenter {
	width:100px;
	float:left;
	clear:none;
}

#beitragsrechner .ClassAngaben .topText .topTextRight {
	width:174px;
	float:left;
	clear:none;
	text-align:right;
}


/* Slider */
#slider {
	width:536px;
	margin:0px 0px 5px 15px;
}

body, html {
   	min-height: 100%;
padding-bottom:0.05em;
}

#slider-bg {
	position: relative;
	height:35px;
	overflow:hidden;
	margin-left:0px;
}

.slider3Segment {
	background:url(/javascript/slider/imgs/scale3segment.gif) 0px 0px no-repeat;
	width:501px;
}

.slider5Segment {
	background:url(/javascript/slider/imgs/scale5segment.gif) 0px 0px no-repeat;
	width:501px;
}

.slider7Segment {
	background:url(/javascript/slider/imgs/scale7segment.gif) 0px 0px no-repeat;
	width:526px;
}

#slider-thumb {
	cursor:default;
	position: absolute;
	top: 15px;
}

/* Here's the highlight element */ 
#slider-bg span { 
	position: absolute; 
/*
	background: url(../slider/imgs/dual_thumb_highlight.gif) 0 0 repeat-x; 
*/
	top: 17px; 
	left: 1px; 
	height: 11px; 
	width: 1px;
	overflow:hidden;
	background-color:#D9E69B;
}

#sliderLabel {
	position:relative;
	height:40px;
	width:536px;
}

#sliderLabel li {
	margin-top:3px;
	text-align:center;
	font-weight:bold;
}



/* 3-Segment Slider */
.slider3Segment #sliderLabel li {
	width:174px;
}

.slider3Segment #sliderLabel #liTarif1 {display:none; position:absolute; top:2px; left:0px;}
.slider3Segment #sliderLabel #liTarif2 {display:none; position:absolute; top:2px; left:175px;}
.slider3Segment #sliderLabel #liTarif3 {display:none; position:absolute; top:2px; left:350px;}

/* 5-Segment Slider */
.slider5Segment #sliderLabel li {
	width:120px;
}

.slider5Segment #sliderLabel #liTarif1 {display:none; position:absolute; top:2px; left:0px;}
.slider5Segment #sliderLabel #liTarif2 {display:none; position:absolute; top:2px; left:100px;}
.slider5Segment #sliderLabel #liTarif3 {display:none; position:absolute; top:2px; left:200px;}
.slider5Segment #sliderLabel #liTarif4 {display:none; position:absolute; top:2px; left:300px;}
.slider5Segment #sliderLabel #liTarif5 {display:none; position:absolute; top:2px; left:400px;}

/* 7-Segment Slider */
.slider7Segment #sliderLabel li {
	width:150px;
}
.slider7Segment #sliderLabel #liTarif4 {
	width:180px;
}
.slider7Segment #sliderLabel #liTarif1 {display:none; position:absolute; top:2px; left:0px;}
.slider7Segment #sliderLabel #liTarif2 {display:none; position:absolute; top:2px; left:75px;}
.slider7Segment #sliderLabel #liTarif3 {display:none; position:absolute; top:2px; left:145px;}
.slider7Segment #sliderLabel #liTarif4 {display:none; position:absolute; top:2px; left:225px;}
.slider7Segment #sliderLabel #liTarif5 {display:none; position:absolute; top:2px; left:300px;}
.slider7Segment #sliderLabel #liTarif6 {display:none; position:absolute; top:2px; left:370px;}
.slider7Segment #sliderLabel #liTarif7 {display:none; position:absolute; top:2px; left:400px;}
/* Ende Slider */

/* Tarife die eingeblendet werden */
.divTarife {
	float:left;
	width:100%;
	display: none;
}

/* Ausblenden der Tarifvarianten */
form.tarifForm {
	float:left;
	width:100%;
	display: block;
}


/* Starttarife werden eingeblendet - Serverseitig setzen */
/*
#tarif_4 {
	display:block;
}

#DIVtarif10  {
	display:block;
}
#DIVtarif20  {
	display:block;
}
#DIVtarif30  {
	display:block;
}
#DIVtarif40  {
	display:block;
}
#DIVtarif50  {
	display:block;
}
*/

/* erzeugt padding */
.TarifContent {
	width:536px;
	float:left;
	padding:15px;
}

#beitragsrechner .TarifContent .dotLine {
	width:536px;
	margin:0px 0px 0px 0px;
}



/* 
	to do:
	muss noch angepasst werden, 'Angebot anfordern' Button oben rechts... */
.TarifHead {
	width:100%;
	float:left;
	margin-bottom:10px;
}

.TarifHead h2 {
	width:400px;
	float:left;
	color:#99AA28;
	font-size:1.3em;
	font-weight:bold;
	margin-top:0px;
}
/* Button 'Angebot anfordern' oben */
#beitragsrechner .TarifHead input {
	float:right;
	border:none;
	padding:0px;
}

/* Leistungsumfang */ 

/* .Cont2Cols: 2 Spalten Container */
.Cont2Cols {
	float:left;
	width:100%;
	margin-top:10px;
}

.leftCol {
	width:50%;
	float:left;
}
.rightCol {
	width:50%;
	float:left;
}

.Cont2Cols li {
	background-image:none;
	font-size:1em;
	list-style-image:url(/img/icons/haekchen.gif);
	list-style-position:outside;
	margin:0pt 20pt 0pt 26px;
	padding:0pt 0pt 5px 10px;
}


/* Zeile: Label mit Selectbox */
.LabelSelect {
	margin: 4px 0px 4px 0px;
}

#beitragsrechner .LabelSelect label {
	font-weight:bold;
}

#beitragsrechner .LabelSelect label.Label {
	width:150px;
}

#beitragsrechner .LabelSelect label.PlusLabel {
	width:130px;
	padding-left:20px;
	background-image: url(/img/bt_rechner/sym_plus.gif );
	background-position:0px 2px;
	background-repeat:no-repeat;
}

#beitragsrechner .LabelSelect select {
	float:left;
	margin-right:10px;
}

#beitragsrechner .inlineText {
	float:left;
	padding-top:2px;
	margin:0px 5px 0px 0px;
}


/*  Zeile: Titel + Wert */
.TitleRightValue {
	float:left;
	width:100%;
	margin: 4px 0px 4px 0px;
}

.TitleRightValue .Title, .TitleRightValue .PlusTitle  {
	float:left;
	font-weight:bold;
	padding:2px 0px 0px 0px;
}

.TitleRightValue .PlusTitle {
	padding-left:20px;
	background-image: url(/img/bt_rechner/sym_plus.gif );
	background-position:0px 2px;
	background-repeat:no-repeat;
}

/* Zahlen/Preise rechtsbuendig */
.RightValue {
	padding-top:2px;
	margin-right:15px;
	float:right;
}



/* Hilfe Symbol */
.infoHilfe {
	margin-left:20px;
}



/* aus- u. einblendbare Felder */


/* Selbstbeteiligung - 8 */
#DIVselbstbeteiligung {

}

/* Monatsbeitrag - 9 */
#DIVmonatsbeitrag {

}

/* Gesetzlicher Beitzragszuschlag - 10 */
#DIVZuschlagR10 {

}

/* PPV - 11 */
#DIVPflegeversicherung {

}

/* Krankentagegeld - 12 */
#DIVkrankentagegeld {}



/* Link zum aufrufen des Tagegeldrechners */
.tgRechnerLink {
	float:left;
	background-image: url(/pics/ficom/btn_rechner.gif );
	background-repeat:no-repeat;
	margin:3px 0px 0px 20px;
	padding:2px 0px 7px 26px;
}

/* Krankentagegeldrechner - 13 */
.tgRechner {
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
	display:none;
}

/* Zeile: Label mit input-Feld */
.tgRechner .LabelInput {
	float:left;
	width:536px;
	margin:0px 0px 3px 0px;
}

.tgRechner .LabelInput label {
	margin-left:46px;
	width:125px;
}

.tgRechner .LabelInput input {
	float:left;
	margin-right:10px;
}

/* Zeile: .ergebnis */
.tgRechner .ergebnis {
	width:536px;
	float:left;
	margin: 6px 0px 11px 0px;
}

.tgRechner .ergebnis .Title {
	float:left;
	width:125px;
	margin:2px 5px 0px 47px;
	font-weight:bold;
}

.tgRechner .ergebnis .Value {
	float:left;
	width:70px;
	text-align:right;
	margin:2px 10px 0px 0px;
	padding-right:5px;
	font-weight:bold;
}
.tgRechner .ergebnis .euro {
	float:left;
	width:50px;
	margin:2px 0px 0px 0px;
	font-weight:bold;
}

#beitragsrechner .tgRechner input.button {
	border:none;
	float:right;
	padding:0px;
	margin:0px 130px 0px 0px;
}

#beitragsrechner .tgRechner .dotLine {
	width:490px;
	margin:0px 0px 0px 46px;
}

/* Ges. Monatsbeitrag - 15 (falls benoetigt) */
#DIVGesMonatsbeitrag {}

.ClassGesMonatsbeitrag { 
	margin-top: 5px;
}

.ClassGesMonatsbeitrag .Title {font-weight:normal;}

/* Arbeitnehmeranteil - 16 */
#DIVArbeitnehmerAnteil {}

.ClassArbeitnehmerAnteil {
	float:left;
	width:100%;
	margin: 4px 0px 4px 0px;
	padding:9px 0px 11px 0px;
	background-color:#D9E69B;
}


.ClassArbeitnehmerAnteil .Title {
	float:left;
	font-size:1.2em;
	font-weight:bold;
	padding:0px 0px 0px 10px;
}



/* for cool browsers - Anpassung wg. <sup> */
html>body .ClassArbeitnehmerAnteil .Title {
	padding-top:1px;
}
.ClassArbeitnehmerAnteil sup {
	font-weight:normal;
}

.ClassArbeitnehmerAnteil .RightValue {
	font-size:1.2em;
	font-weight:bold;
	margin-right:10px;
	padding-top:4px;
}


/* Ersparnis - 17 */
#DIVErsparnis {
}

.ClassErsparnis {
	clear:left;
	font-size:1.2em;
	font-weight:bold;
	color:#ffffff;
	padding:4px;
	background-color:#0B565A;
	text-align:center; 
}

.ClassErsparnis .leftSymbol {
	background-image: url(/img/bt_rechner/sym_leftsym.gif );
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left:15px;
}

.ClassErsparnis .rightSymbol {
	background-image: url(/img/bt_rechner/sym_rightsym.gif );
	background-repeat: no-repeat;
	background-position: center 5px;
	padding-right:10px;
}
.ClassErsparnis .boldNumber {
	font-size:1.25em;
}

/* Anmerkung - 19 */
#DIVAnmerkung {}
.ClassAnmerkung {
	background-color:#ffffff;
}

.ClassAnmerkung p {
	font-size:0.9em;
	margin:6px 0px 0px 0px;
}

/* Formularbuttons */
.formButtons {
	clear:left;
	margin-top:18px;
	text-align:right;
}

.formButtons a {
text-decoration:none;
}

#beitragsrechner .formButtons input {
	border:none;
	padding:0px;
	margin-left:10px;
	vertical-align:top;
}



.bold {
	font-weight:bold;
}
.breaker {
	width:1px;
	height:1px;
	clear:both;
	overflow:hidden;
}