/********************* GLOBAL STYLES *********************/
/* make forms usable */
a img { border: none; }
input { text-align: right; }
input.button { text-align: center; }
label, div.label { clear: left; display: block; }
fieldset { clear: left; padding: 0.5em 1em; margin-bottom: 1em; margin-top: 0.5em; }
label > span:first-child, div.label > span:first-child { float: left; width: 50%; text-align: left; }
b.underline { text-decoration: underline; }
.hidden { display: none; }
.bold { font-weight: bold; }
.changedate { font-size: smaller; font-weight: lighter; margin-top: 0; padding-top: 0; }
label.agb {
    vertical-align: top;
    display: inline-block!important;
    width: 800px;
}

/* basic results formatting */
#results_pointer { position: fixed; bottom: 2em; right: 2em;
                   background-color: white; font-size: 135%; font-weight: bold; text-align: center;
                   border: 1px solid gray; box-shadow: 5px 5px 3px gray; -o-box-shadow: 5px 5px 3px gray;
                   -icab-box-shadow: 5px 5px 3px gray; -khtml-box-shadow: 5px 5px 3px gray; -moz-box-shadow: 5px 5px 3px gray;
                   -webkit-box-shadow: 5px 5px 3px gray; padding: 3px 5px; z-index: 100; }

#loading { overflow: hidden; }

#results th { text-align: left; }
#results td { text-align: right; }

/* move help texts away */
/* #footer #help { margin-top: 15em; border-top: 2px solid #eee; padding-top: 1em; } */

/* Help texts in popup windows (old layouts) */
#content #help { margin: 0.5em; }

/* make error messages stick out */
.error { color: red; }

/* styles for errors collected in a single area. Use #error_collector { display: none; } to show the errors attached to the fields themselves */
#error_collector span { display: block; }
#error_collector span.asterisk { display: none; }

/* force logo display for invalid referers */
body.force_logo #logo { display: inline !important; }

/* pdf_export link set visible by js */
#pdf_export { margin-left: 1.5em; margin-right: 1.5em; }

div.not_sent { border:2px solid #F00; margin-bottom:2em; padding:0.2em; }
input.xlarge { width:20em; }
input.large { width:10em; }
input.middle { width:8em; }
input.small { width:5em; }
input.xsmall { width:2em; }
input.xlarge, input.large, input.middle, input.small, input.xsmall, input.datum { text-align:left; }
input.betrag { width:5em; }
input.datum { width:7em; }
/******************END OF GLOBAL STYLES ******************/

/********************** TOOL STYLES **********************/
/* Annuitäten */
#annuitaeten input { text-align: right; }

/* AT: Brutto-Netto */
#at_brutto_netto #zusatzangaben { display: none; }
#at_brutto_netto #show_zusatzangaben { text-align: right; }
#at_brutto_netto #results { margin-top: 1em; }
#at_brutto_netto fieldset { padding: 1em; }
#at_brutto_netto .hide { display: none; }

/* BMI */
#bmi .hide { display: none; }'

/* Chancen */
#chancen #form_table tbody th { font-weight: normal; text-align: left; }
#chancen #form_table th.result { font-weight: bold; }
#chancen fieldset#fix { display: none; padding: 0.8em 1em; }

/* Haushalt */
#haushalt .persons input { width: 2em; }
#haushalt input { width: 5.5em; }
#haushalt #percentages { display: none; }

#haushalt label > span:first-child + span,
#haushalt .label > span:first-child + span
{ float: left; width: 6em; padding-right: 0.5em; text-align: right; }

#haushalt label > span:first-child + span + span,
#haushalt .label > span:first-child + span + span
{ float: left; width: 5.5em; text-align: right; }

#haushalt input.value { text-align: right; }
#haushalt td.subitem, #haushalt .content td.subitem { padding-left: 20px; text-align: left; }
#haushalt #form_table td+td, #haushalt #erg_table td+td { text-align: right; }

/* Vermögensbilanz */
#vermoegensbilanz input.text { width: 100%; text-align: left; }
#vermoegensbilanz input.float { width: 8em; text-align: right; }
#vermoegensbilanz input.int { width: 8em; text-align: left; }
#vermoegensbilanz input.date { width: 8em; text-align: right; }
#vermoegensbilanz th { text-align: left; font-weight: normal; }

#vermoegensbilanz svg { width: 320px; height: auto; }

#vermoegensbilanz label > span:first-child,
#vermoegensbilanz tr > td:first-child,
#vermoegensbilanz tr > th:first-child
{ width: 22em; }

#vermoegensbilanz td, #vermoegensbilanz th { padding: 0px; }
#vermoegensbilanz table { border-collapse: collapse; }
#vermoegensbilanz img { padding: 10px 2% 10px 2%; }
#vermoegensbilanz div.bilanz { text-align: center; width: 96%; padding: 10px 2% 10px 2%; }
#vermoegensbilanz table.bilanz { width: 100%; }
#vermoegensbilanz table.bilanz td { width: 50%; text-align: left; padding: 5px; }
#vermoegensbilanz table.bilanz th { border-bottom: 2px solid black; padding: 5px; font-weight: bold; }
#vermoegensbilanz table.bilanz tr > td:first-child { border-right: 1px solid black; }
#vermoegensbilanz table.bilanz td.amount, #vermoegensbilanz table.bilanz th.right { text-align: right; }
#vermoegensbilanz table.bilanz td.amount { width:20%; }
#vermoegensbilanz table.bilanz table { width: 100%; }
#vermoegensbilanz table.bilanz table td { border: none!important; padding: 0px 0px 0px 0px; }
#vermoegensbilanz span.last { border-bottom: 1px solid black; }

/* Lebensstandard */
#lebensstandard table { border-collapse: collapse; }
#lebensstandard th, #lebensstandard td { width: 7em; padding: 0px; }
#lebensstandard tr > th:first-child, #lebensstandard tr > td:first-child { width: 20em; text-align: left; }
#lebensstandard td { text-align: right; }
#lebensstandard td input { width: 90%; text-align: right; }
#lebensstandard td input.percent { width: 70%; }
#lebensstandard td input.text { text-align: left; }
#lebensstandard tfoot td { font-weight: bold; text-align: right!important;}
#lebensstandard #graph { width:auto; overflow:hidden; }
#lebensstandard #graph img { padding: 10px; float:left; }

/* Riester */
#de_riester div.label { overflow: hidden; width: auto; }
#de_riester div.amount { float: left; text-align: right; width: 7em; }
#de_riester div.sum { border-top: 1px solid #000; border-bottom: medium double #000; }
#de_riester h2, #de_riester p { clear:both; }

/* AT: Einkommenssteuer */
#at_einkommensteuer #nettoarea a { visibility: hidden; }
#at_einkommensteuer #overviewlink { display: none; margin-bottom: 1em; }

#at_einkommensteuer #pa, #at_einkommensteuer #ek, #at_einkommensteuer #wk,
#at_einkommensteuer #sa, #at_einkommensteuer #ab, #at_einkommensteuer #vz
{ display: none;}
#at_einkommensteuer .hide { display: none; }
#at_einkommensteuer label .label { display: block; float: left; text-align: left; width: 50%; }
#at_einkommensteuer #overview span { display: block; float: left; text-align: left; width: 50%; }
#at_einkommensteuer fieldset span { display: block; float: left; text-align: left; width: 50%; }
#at_einkommensteuer fieldset { padding: 0.8em 1em 0 0.8em; }
#at_einkommensteuer body, #at_einkommensteuer p { margin: 0; }
#at_einkommensteuer label { display: block; text-align: right; }
#at_einkommensteuer input.value { text-align: right; }
#at_einkommensteuer label#art { text-align: left; }
#at_einkommensteuer fieldset a, #at_einkommensteuer #overfiew a { text-decoration: underline; }

/* AT: BV-Vergleich */
#at_bv_vergleich #overview div label { display: none; }
#at_bv_vergleich form, #at_bv_vergleich #results { max-width: 60em; }
#at_bv_vergleich #results td, #at_bv_vergleich  #results th { border: solid 1px; }
#at_bv_vergleich label { display: block; clear: left; text-align: right; }
#at_bv_vergleich label.auswahl { text-align: left; }.
#at_bv_vergleich label span { float: left; }
#at_bv_vergleich table { border-collapse: collapse; width: 100%; }
#at_bv_vergleich input, #at_bv_vergleich select { border: 1px inset black; }
#at_bv_vergleich input { text-align: right; }
#at_bv_vergleich table td + td { text-align: right; }
#at_bv_vergleich span a { margin-left: 10px; }
#at_bv_vergleich #gesamtkosten td, #at_bv_vergleich #bruttogehalt td, #at_bv_vergleich #nettogehalt td { font-weight: bold; }
#at_bv_vergleich #overview, #at_bv_vergleich #auswahl { padding: 0.5em; }
#at_bv_vergleich #overview div { padding-left: 1.5em; margin-top: 0.5em; }
#at_bv_vergleich #overview div p { margin: 0px; padding: 0px; }
#at_bv_vergleich #overview div.expanded { padding-bottom: 1.5em; padding-right: 1.5em; }
#at_bv_vergleich #overview div.expanded p { padding-bottom: 1em; }
#at_bv_vergleich #overview div label { display: none; }

/*workaround*/
#at_bv_vergleich p.disabled { width: 10em; padding: 2px; }
#at_bv_vergleich #results .result td { border-top: 1px solid black; font-weight: bold; }
#at_bv_vergleich #results th { text-align: left; }
#at_bv_vergleich #results td { text-align: right; padding: 0 0.5em; }
#at_bv_vergleich #results table.details caption { margin-top: 2em; margin-bottom: 0.5em; font-size: 140%; }

/* AT: Mietvertragsgebühren */
#at_mietvertragsgebuehren #error_collector_container { display: none; }
#at_mietvertragsgebuehren input { text-align: left; }

#at_mietvertragsgebuehren #vertrag_art,
#at_mietvertragsgebuehren #vertrag_verlart,
#at_mietvertragsgebuehren #vertrag_dauer,
#at_mietvertragsgebuehren #vertrag_verldauer,
#at_mietvertragsgebuehren #bem_vertrag,
#at_mietvertragsgebuehren #bem_miete,
#at_mietvertragsgebuehren #bem_verl
{ margin-top: 1em; }

/* DE: Einkommenssteuer */
#de_einkommensteuer #fieldset_einkuenfte, #de_einkommensteuer #fieldset_werbungskosten, #de_einkommensteuer #fieldset_sonderausgaben,
#de_einkommensteuer #fieldset_freibetraege, #de_einkommensteuer #fieldset_vorauszahlungen
{ display: none; }

#de_einkommensteuer form { max-width: 45em; }
#de_einkommensteuer label { display: block; clear: left; text-align: right; }
#de_einkommensteuer label span { float: left; }
#de_einkommensteuer fieldset table { width: 100%; }
#de_einkommensteuer fieldset table td + td, #de_einkommensteuer fieldset table td + td + td { text-align: right; }
#de_einkommensteuer .taxtable label { display: inline; }

#de_einkommensteuer .taxtable legend, #de_einkommensteuer fieldset.year legend, #de_einkommensteuer .sums legend
{ display: none; margin-bottom: 1em; }

#de_einkommensteuer fieldset.year { margin-bottom: 0; }
#de_einkommensteuer table { border-collapse: collapse; }
#de_einkommensteuer input { text-align: right; }
#de_einkommensteuer th.taxpayer, #de_einkommensteuer th.spouse { width: 10em; text-align: center; }
#de_einkommensteuer td.details { width: 4em; }
#de_einkommensteuer td.taxpayer input, #de_einkommensteuer td.spouse input { width: 95%; }
#de_einkommensteuer p.overview { text-align: right; }
#de_einkommensteuer #results th { text-align: left; }
#de_einkommensteuer #results td { text-align: right; padding: 0 0.5em; }
#de_einkommensteuer #results table.details caption { margin-top: 2em; margin-bottom: 0.5em; font-size: 140%; }
#de_einkommensteuer #results table { margin-left: 1em; }
#de_einkommensteuer .result td { border-top: 1px solid black; font-weight: bold; }
#de_einkommensteuer .result th { text-align: left; }
#de_einkommensteuer .result td { text-align: right; padding: 0 0.5em; }
#de_einkommensteuer .help_focus { background: #eee; }

/* DE: Betriebliche Altersvorsorge */
#de_betriebliche_altersvorsorge .detail { font-weight: normal; }
#de_betriebliche_altersvorsorge .emphasis { font-weight: bold; }
#de_betriebliche_altersvorsorge .highlight { border: 1px solid; }
#de_betriebliche_altersvorsorge select[name=form_STKL], #de_betriebliche_altersvorsorge select[name=form_ZKF] { width: 5em; }
#de_betriebliche_altersvorsorge #form_KV_typ_privat .radio { float: left; }
#de_betriebliche_altersvorsorge .form_KV_privat { clear: none; }
#de_betriebliche_altersvorsorge .value { text-align: right; }

/* DE: Unternehmenswert */
#de_unternehmenswert .line_bottom td { border-bottom: 1px solid #ddd; }
#de_unternehmenswert td.bottom { vertical-align: bottom; }
#de_unternehmenswert .multiresult .left { width: 420px; }
#de_unternehmenswert .multiresult { margin-bottom: 1em; }
#de_unternehmenswert .bold td { font-weight: bold; }
#de_unternehmenswert th.center { text-align: center; }
#de_unternehmenswert td.left { text-align: left; }
#de_unternehmenswert thead th { background: #ddd; }

/* Gründercheck */
#gruendercheck #progress_container { margin-bottom: 0.5em; }
#gruendercheck .progress_bar { width: 300px; height: 10px; line-height: 9px; border: 1px solid #CCC; }
#gruendercheck .progress_bar div { height: 10px; background: #CCC; line-height: 0; }
#gruendercheck ul.gcheck_nav { clear: left; list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #CCC; }
#gruendercheck ul.gcheck_nav li { float: left; margin: 0; padding: 0; }

#gruendercheck ul.gcheck_nav li a,
#gruendercheck ul.gcheck_nav li span
{ float: left; display: block; margin: 0.2em 0.2em 0.2em 0; padding: 0.2em 1em; text-align: center; text-decoration: none; border: 0; }

#gruendercheck form.questions { clear: left; }
#gruendercheck form.questions div { height: auto !important; height: 60px; min-height: 60px; margin: 5px 0; padding: 10px 10px 10px 70px;
                                    border: 1px solid #CCC; border-width: 1px 0;
                                    background: url(../images/gruendercheck_visited.gif) no-repeat 4px center; }

#gruendercheck form.visited div.completed,
#gruendercheck form div.completed
{ background: url(../images/gruendercheck_completed.gif) no-repeat 4px center #EFE; }

#gruendercheck input { text-align: left; }
#gruendercheck .breadcrumbs span { float: none; }

/* BMI */
#bmi .horizontal_track { background-color: #bbb; width: 364px; height: 37px; background-color: green; background-repeat: no-repeat;
                         float: left; position: relative; }
#bmi .horizontal_slider { position: absolute; top:0px; z-index: 2; line-height: 0; margin: 0; cursor:pointer;
                          width:7px; height:37px; background:url('../images/bmi/regler.gif') no-repeat; }
#bmi #zusatzangaben{ clear:both; margin-top:1em; }
#bmi #zusatzangaben span { float:left; padding-right:50px; }
#bmi .value_display{ margin-left:30px; margin-top:10px; width:30px; padding:2px; text-align:center; }
#bmi #result { margin-top:1em; }
#bmi #color_caption { height:3px; }
#bmi #color_caption { position:relative; }
#bmi #color_caption #warning{ position:absolute; left:107px; width:29px; height:3px; top:0px; border-right:solid 1px white; }
#bmi #color_caption #okay { position:absolute; left:72px; width:30px; height:3px; top:0px; border-left:solid 1px white;
                            border-right:solid 1px white; }
#bmi #result table, #bmi #result td { padding:0px; }
#bmi #result td { vertical-align: top; }
#bmi #erg_diagramm { width: 200px; }
#bmi #erg_diagramm div { padding-left:15px; border-bottom:solid 1px gray; }
#bmi .okay { border-left:solid 10px green; }
#bmi .warning { border-left:solid 10px orange; }
#bmi .error { border-left:solid 10px red; }
#bmi .okay_background { background-color:green; }
#bmi .warning_background { background-color:orange; }
#bmi .error_background {background-color:red; }
#bmi #fettsucht {height:50px; line-height:50px; vertical-align:bottom; } /*30-40*/
#bmi #uebergewicht { height:25px; }
#bmi #normalgewicht{ height:25px; }
#bmi #untergewicht { height:50px; }
#bmi #erg_diagramm #untergewicht { border-bottom:0px; }
#bmi #slider_area { position:relative;width:38px; }
#bmi #slider_area #erg_caption{ float:left;text-align:center; }
#bmi #erg_caption div { width:30px;height:25px; }
#bmi .caption span{ display:block;float:left;text-align:center; }
#bmi #gewicht_caption { margin-left:-8px;clear:both; }
#bmi #gewicht_caption span { width:114px; }
#bmi #groesse_caption { margin-left:10px;clear:both; }
#bmi #groesse_caption span { width:100px; }
#bmi #erg_bmi{ height:37px; text-align:center; line-height:37px; font-size:20px; font-weight:bold; color:white; }
#erg_slider{ position:absolute; left:0px; }
#bmi body{ color:#ed7101; }

/*Dienstnehmer*/
#captcha_img { border:none; }

#at_dienstnehmer_anmeldung div.label span label[for],
#at_dienstnehmer_anmeldung_kompakt div.label span label[for],
#at_dienstnehmer_aenderung div.label span label[for],
#at_dienstnehmer_abmeldung div.label span label[for],
#de_dienstnehmer_anmeldung div.label span label[for],
#de_dienstnehmer_anmeldung_minijob div.label span label[for],
#de_dienstnehmer_sofortmeldung div.label span label[for],
#de_dienstnehmer_aenderung div.label span label[for],
#de_dienstnehmer_abmeldung div.label span label[for]
{ float:left; padding:0px; margin:0em 0.2em 0em 0em; } /* correct positioning of error spans */

#at_dienstnehmer_anmeldung div.label, #at_dienstnehmer_anmeldung label,
#at_dienstnehmer_anmeldung_kompakt div.label, #at_dienstnehmer_anmeldung_kompakt label,
#at_dienstnehmer_aenderung div.label, #at_dienstnehmer_aenderung label,
#at_dienstnehmer_abmeldung div.label, #at_dienstnehmer_abmeldung label,
#de_dienstnehmer_anmeldung div.label, #de_dienstnehmer_anmeldung label,
#de_dienstnehmer_anmeldung_minijob div.label, #de_dienstnehmer_anmeldung_minijob label,
#de_dienstnehmer_sofortmeldung div.label, #de_dienstnehmer_sofortmeldung label,
#de_dienstnehmer_aenderung div.label, #de_dienstnehmer_aenderung label,
#de_dienstnehmer_abmeldung div.label, #de_dienstnehmer_abmeldung label
{ overflow:hidden; width:100%; padding-bottom:0.6em; }

#at_dienstnehmer_anmeldung span.group,
#at_dienstnehmer_anmeldung_kompakt span.group,
#at_dienstnehmer_aenderung span.group,
#at_dienstnehmer_abmeldung span.group,
#de_dienstnehmer_anmeldung span.group,
#de_dienstnehmer_anmeldung_minijob span.group,
#de_dienstnehmer_sofortmeldung span.group,
#de_dienstnehmer_aenderung span.group,
#de_dienstnehmer_abmeldung span.group
{ float:left; width:21em; }

#at_dienstnehmer_anmeldung span.group label,
#at_dienstnehmer_anmeldung_kompakt span.group label,
#at_dienstnehmer_aenderung span.group label,
#at_dienstnehmer_abmeldung span.group label,
#de_dienstnehmer_anmeldung span.group label,
#de_dienstnehmer_anmeldung_minijob span.group label,
#de_dienstnehmer_sofortmeldung span.group label,
#de_dienstnehmer_aenderung span.group label,
#de_dienstnehmer_abmeldung span.group label
{ clear:left; padding-bottom:0px; }

#at_dienstnehmer_anmeldung span.group label.oneline,
#at_dienstnehmer_anmeldung_kompakt span.group label.oneline,
#at_dienstnehmer_aenderung span.group label.oneline,
#at_dienstnehmer_abmeldung span.group label.oneline,
#de_dienstnehmer_anmeldung span.group label.oneline,
#de_dienstnehmer_anmeldung_minijob span.group label.oneline,
#de_dienstnehmer_sofortmeldung span.group label.oneline,
#de_dienstnehmer_aenderung span.group label.oneline,
#de_dienstnehmer_abmeldung span.group label.oneline
{ clear:none; float:left; margin-right:0.4em; width:auto; overflow:hidden; }

#at_dienstnehmer_anmeldung label.oneline span,
#at_dienstnehmer_anmeldung_kompakt label.oneline span,
#at_dienstnehmer_aenderung label.oneline span,
#at_dienstnehmer_abmeldung label.oneline span,
#de_dienstnehmer_anmeldung label.oneline span,
#de_dienstnehmer_anmeldung_minijob label.oneline span,
#de_dienstnehmer_sofortmeldung label.oneline span,
#de_dienstnehmer_aenderung label.oneline span,
#de_dienstnehmer_abmeldung label.oneline span
{ display:inline-block; margin:0em 0.3em 0em 0.3em; }

#at_dienstnehmer_anmeldung span.group input[type=radio], #at_dienstnehmer_anmeldung span.group input[type=checkbox],
#at_dienstnehmer_anmeldung_kompakt span.group input[type=radio], #at_dienstnehmer_anmeldung_kompakt span.group input[type=checkbox],
#at_dienstnehmer_aenderung span.group input[type=radio], #at_dienstnehmer_aenderung span.group input[type=checkbox],
#at_dienstnehmer_abmeldung span.group input[type=radio], #at_dienstnehmer_abmeldung span.group input[type=checkbox],
#de_dienstnehmer_anmeldung span.group input[type=radio], #de_dienstnehmer_anmeldung span.group input[type=checkbox],
#de_dienstnehmer_anmeldung_minijob span.group input[type=radio], #de_dienstnehmer_anmeldung_minijob span.group input[type=checkbox],
#de_dienstnehmer_sofortmeldung span.group input[type=radio], #de_dienstnehmer_sofortmeldung span.group input[type=checkbox],
#de_dienstnehmer_aenderung span.group input[type=radio], #de_dienstnehmer_aenderung span.group input[type=checkbox],
#de_dienstnehmer_abmeldung span.group input[type=radio], #de_dienstnehmer_abmeldung span.group input[type=checkbox]
{ vertical-align:top; }

#at_dienstnehmer_anmeldung label.linebreak span,
#at_dienstnehmer_anmeldung_kompakt label.linebreak span,
#at_dienstnehmer_aenderung label.linebreak span,
#at_dienstnehmer_abmeldung label.linebreak span,
#de_dienstnehmer_anmeldung label.linebreak span,
#de_dienstnehmer_anmeldung_minijob label.linebreak span,
#de_dienstnehmer_sofortmeldung label.linebreak span,
#de_dienstnehmer_aenderung label.linebreak span,
#de_dienstnehmer_abmeldung label.linebreak span
{ display:inline-block; width:18em; margin:0em 0em 0.4em 0.3em; }

#at_dienstnehmer_anmeldung label.oneline > span:first-child, #at_dienstnehmer_anmeldung label.linebreak > span:first-child,
#at_dienstnehmer_anmeldung_kompakt label.oneline > span:first-child, #at_dienstnehmer_anmeldung_kompakt label.linebreak > span:first-child,
#at_dienstnehmer_aenderung label.oneline > span:first-child, #at_dienstnehmer_aenderung label.linebreak > span:first-child,
#at_dienstnehmer_abmeldung label.oneline > span:first-child, #at_dienstnehmer_abmeldung label.linebreak > span:first-child,
#de_dienstnehmer_anmeldung label.oneline > span:first-child, #de_dienstnehmer_anmeldung label.linebreak > span:first-child,
#de_dienstnehmer_anmeldung_minijob label.oneline > span:first-child, #de_dienstnehmer_anmeldung_minijob label.linebreak > span:first-child,
#de_dienstnehmer_sofortmeldung label.oneline > span:first-child, #de_dienstnehmer_sofortmeldung label.linebreak > span:first-child,
#de_dienstnehmer_aenderung label.oneline > span:first-child, #de_dienstnehmer_aenderung label.linebreak > span:first-child,
#de_dienstnehmer_abmeldung label.oneline > span:first-child, #de_dienstnehmer_abmeldung label.linebreak > span:first-child
{ width:auto!important; }

#de_dienstnehmer_anmeldung label.OPT_AARBGEBBESCH_VONBIS { padding:4px; }
#de_dienstnehmer_anmeldung label.OPT_AARBGEBBESCH_VONBIS span { padding:4px 4px 0px 0px; }
#de_dienstnehmer_anmeldung label.OPT_ARBEITSZEIT { padding:4px; }
#de_dienstnehmer_anmeldung label.OPT_ARBEITSZEIT span { padding:4px 4px 0px 0px; min-width:2em; }

.lodas_file h1 { display:block; }
.lodas_file #print_link { display:none; }

/* Appointment */
#appointment form { max-width: 40em; }
#appointment input[type=text] { width: 20em; text-align: left; }
#appointment textarea { width: 20em; }
#appointment thead tr.day th { text-align: left; padding-top: 1em; font-size: 130%; }
#appointment table td { padding: 0.1em 0.3em; }
#appointment table th { text-align: left; padding: 0.1em 0.3em; }
#appointment #nav .active { font-weight: bold; }

/* Print */
@media print {
    * {
        position: static!important;
        overflow: visible!important;
        color: black!important;
    }

    p.toplink, #print_link, .captcha {
        display: none!important;
    }

    #footer #help {
        margin-top: 2em;
    }

    #chancen .graph, #chancen #overview, #chancen #fix {
        float: none!important; /* workaround for broken customer styles */
    }

    #results_pointer {
        display: none!important;
    }

    .hide_in_print { display: none!important; }

    #at_reisekosten table td { padding: 2px 4px 2px 0!important; }
    #at_reisekosten .form_head,
    #at_reisekosten .form_buttons,
    #at_reisekosten .form_info,
    #at_reisekosten #dialog,
    #at_reisekosten #add_additional_row,
    #at_reisekosten a.help,
    #at_reisekosten .remove_additional,
    #at_reisekosten span.error { display: none!important; }
    #at_reisekosten legend { padding-left: 0; margin-left: 0; font-size: 110%; font-weight: bold; }
    #at_reisekosten input,
    #at_reisekosten textarea,
    #at_reisekosten select { border: 0; font-family: inherit; font-size: inherit; padding: 0; margin: 0; }

    #at_einkommensteuer #pa, #at_einkommensteuer #ek, #at_einkommensteuer #wk, #at_einkommensteuer #sa,
    #at_einkommensteuer #ab, #at_einkommensteuer #vz, #at_einkommensteuer #overview,
    #de_einkommensteuer #overview, #de_einkommensteuer #fieldset_einkuenfte, #de_einkommensteuer #fieldset_werbungskosten,
    #de_einkommensteuer #fieldset_sonderausgaben, #de_einkommensteuer #fieldset_freibetraege,
    #de_einkommensteuer #fieldset_vorauszahlungen { display: block!important; }

    #at_einkommensteuer #lnk_pa, #at_einkommensteuer #lnk_ek, #at_einkommensteuer #lnk_wk,
    #at_einkommensteuer #lnk_sa, #at_einkommensteuer #lnk_ab, #at_einkommensteuer #lnk_vz,
    #at_einkommensteuer p.overviewlink, #de_einkommensteuer p.overview,
    #de_einkommensteuer td.details { display: none!important; }

    #at_mietvertragsgebuehren #calc_forms div { display: block!important; }
}


/* Chancen-Rechner */

 /********************
 * GRAPH
*******************/
.graph { width: 215px; height: 340px; position: relative!important; }
.graph_header { text-align: center; font-weight: bold; width: 100%; height: 20px; margin-bottom: 10px; }

 /********************
 * GRID
*******************/
.graph_grid { z-index: 1; margin-left: 70px; width: 145px; height: 290px; }
.graph_grid_element { border-top: 1px solid #000000; border-left: 1px solid #000000; width: 100%; height: 28px; }
.graph_grid_element_last { border-bottom: 1px solid #000000; }

 /********************
 * BARS
*******************/
.graph_bar { background-color: black; border: 1px solid black; width: 30px; z-index: 2; margin-left: 70px; margin-bottom: 20px; }
.graph_bar_1 { height: 200px; position: absolute!important; left: 22px; }
.graph_bar_2 { height: 250px; position: absolute!important; left: 94px; }
.graph_bar_sep { background-color: #000000; width: 1px; height: 5px; margin-left: 70px; margin-bottom: 20px; }
.graph_bar_sep_1 { position: absolute!important; left: 73px; }
.graph_bar_sep_2 { position: absolute!important; left: 145px; }

 /********************
 * BARS LABEL
*******************/
.graph_bar_label { text-align: center; font-size: 80%; font-weight: bold; width: 72px; height: 18px;
                   margin-left: 70px; margin-bottom: 21px; z-index: 3; }

.graph_bar_label_1 { position: absolute!important; left: 0px; bottom: 200px; }
.graph_bar_label_2 { position: absolute!important; left: 73px; bottom: 250px; }

 /********************
 * GRID LABEL Y
*******************/
.graph_grid_label_y { text-align: right; font-size: 70%; width: 65px; height: 20px; margin-right: 150px; z-index: 3; }
.graph_grid_label_y_text { position: relative!important; top: 15%; }
.graph_grid_label_y_11 { position: absolute!important; bottom: 300px; }
.graph_grid_label_y_10 { position: absolute!important; bottom: 271px; }
.graph_grid_label_y_9 { position: absolute!important; bottom: 242px; }
.graph_grid_label_y_8 { position: absolute!important; bottom: 213px; }
.graph_grid_label_y_7 { position: absolute!important; bottom: 184px; }
.graph_grid_label_y_6 { position: absolute!important; bottom: 155px; }
.graph_grid_label_y_5 { position: absolute!important; bottom: 126px; }
.graph_grid_label_y_4 { position: absolute!important; bottom: 97px; }
.graph_grid_label_y_3 { position: absolute!important; bottom: 68px; }
.graph_grid_label_y_2 { position: absolute!important; bottom: 39px; }
.graph_grid_label_y_1 { position: absolute!important; bottom: 10px; }

 /********************
 * GRID LABEL X
*******************/
.graph_grid_label_x { text-align: center; font-size: 80%; width: 72px; height: 20px; margin-left: 70px; z-index: 3; }
.graph_grid_label_x_text { position: relative!important; top: 20%; }
.graph_grid_label_x_1 { position: absolute!important; left: 0px; bottom: 0px; }
.graph_grid_label_x_2 { position: absolute!important; left: 73px; bottom: 0px; }

/* Reminder */
/* Reminder: layout-update */
#reminder #print_link { display: none; }
#reminder span.error { float: right; }
#reminder input { text-align: left; }
#reminder #infotext { display: block; }
#reminder #anmerkung { display: block; }
#reminder #anmerkung_interface { display: block; }
#reminder span.next_date { padding-left: 10px; font-size: 10px; }
#reminder span.info { font-size: 11px; }
#reminder #termin_container { float: left; }
#reminder #zeiten_container { float: left; padding-left: 50px; }
#reminder .clear { clear: left; }
#reminder table.admin_table { border-collapse: collapse; }
#reminder table.admin_table td, #reminder table.admin_table th { padding-left: 10px; padding-right: 10px; }
#reminder tr.separator { border-bottom: 2px solid #AAA; }

/* Finanzierungsrechner */
#finanzierung #error_collector { display: none; }

/* Mindestumsatzrechner */
#mindestumsatz span.group span.error_msg { display: none; }
#mindestumsatz div.label span label[for] { float:left; padding:0px; margin:0em 0.2em 0em 0em; } /* correct positioning of error spans */
#mindestumsatz div.label, #mindestumsatz label { overflow:hidden; width:100%; padding-bottom:0.6em; }
#mindestumsatz span.group { float:left; width:21em; }
#mindestumsatz span.group label { clear:left; padding-bottom:0px; }
#mindestumsatz span.group label.oneline { clear:none; float:left; margin-right:0.4em; width:auto; overflow:hidden; }
#mindestumsatz label.oneline span { display:inline-block; margin:0.2em 0.2em 0 0.2em; }
#mindestumsatz label.linebreak span { display:inline-block; width:18em; margin:0.2em 0.2em 0 0.2em; }
#mindestumsatz label.oneline > span:first-child, #mindestumsatz label.linebreak > span:first-child { width:auto!important; }

.email_input { width:20em; }

/* Tankstellen */
#tankstellen #error_collector { display:none; }
#tankstellen input.float, #tankstellen input.percent { width:8em; }
#tankstellen span.unit { padding-left:0.5em; }

/* Wahlarzt */
#wahlarzt select, #wahlarzt option { font-size:11px; }

/*--- Neues Layout (MH/CHO): vorerst nur bei KFZ-Vergleich ---*/

/*--- General ---*/
#at_kfz_vergleich html { line-height: 1.4; }
#at_kfz_vergleich html, #at_kfz_vergleich body { margin: 0; padding: 10px; }
#at_kfz_vergleich h1 { float: left; font-size: 18px; margin: 0; }
#at_kfz_vergleich a { }
#at_kfz_vergleich .clearfix:after { clear: both; content: ''; display: block; font-size: 0; height: 0; visibility: hidden; }
#at_kfz_vergleich #error_collector { display: none; }

/*--- Forms ---*/
#at_kfz_vergleich .input { display: inline-block; margin-bottom: 14px; padding: 10px; }
#at_kfz_vergleich body,
#at_kfz_vergleich input,
#at_kfz_vergleich legend,
#at_kfz_vergleich textarea { font-size: 14px; }
#at_kfz_vergleich .hideme { display: none; }
#at_kfz_vergleich .inline { display: inline-block; vertical-align:top;}
#at_kfz_vergleich .entry { padding: 7px 20px 7px 10px; }
#at_kfz_vergleich .entry.first { }
#at_kfz_vergleich .description { padding: 3px 14px 3px 0; width: 335px; }
#at_kfz_vergleich .align_right { text-align: right; }
#at_kfz_vergleich .unit { padding: 3px; }
#at_kfz_vergleich form { font-size: 0; padding-top: 10px; }
#at_kfz_vergleich fieldset { border: 0; font-size: 14px; margin: 0 0 10px 0; padding: 0; vertical-align: top; }
#at_kfz_vergleich fieldset > fieldset { margin-top: 10px; }
#at_kfz_vergleich fieldset.first .msg { margin-left: 352px; }
#at_kfz_vergleich legend { font-weight: bold; padding: 0 20px 5px 10px; }
#at_kfz_vergleich input[type=text],
#at_kfz_vergleich select { padding: 3px 4px; }
#at_kfz_vergleich input[type=text]:focus,
#at_kfz_vergleich select:focus { outline: 0; }
#at_kfz_vergleich .error { }
#at_kfz_vergleich .error .msg { display: block; margin: 2px 0 0 0; }
#at_kfz_vergleich span.error { display: none; }

/*--- Table ---*/
#at_kfz_vergleich .results { display: inline-block; margin-bottom: 14px; padding: 10px; }
#at_kfz_vergleich #result_table th { font-weight: normal; }
#at_kfz_vergleich #result_table th.result_head { font-weight: bold; }
#at_kfz_vergleich #result_table th.headline { font-weight: bold; }
#at_kfz_vergleich #result_table th.subheadline { font-weight: bold; font-style: italic; }
#at_kfz_vergleich #result_table tr.distancer { height: 25px; }
#at_kfz_vergleich #result_table .expander { text-decoration: none; font-weight: bold; }
#at_kfz_vergleich #result_table tr.hide_row { display: none; }
#at_kfz_vergleich #result_table tr.sum { border-top: 1px solid #000000; }
#at_kfz_vergleich #result_table th.sum_cell { border-top: 1px solid #FFFFFF!important; }

/*--- Tabs ---*/
#at_kfz_vergleich #calc_header { margin: 0 0 14px; }
#at_kfz_vergleich #calc_tabs { float: right; list-style: none; margin: 0; padding: 0; }
#at_kfz_vergleich #calc_tabs li { border-bottom: 0; float: left; margin-right: 14px; padding: 5px; }
#at_kfz_vergleich .tab { display: block; }
#at_kfz_vergleich #input:target, #results:target { display: block; }
#at_kfz_vergleich .tabmenue { display: block; }


/* Kinderwunsch */
#kinderwunsch td.blood { background-color: #FF9999; }
#kinderwunsch td.empty { background-color: #FFFF00; }
#kinderwunsch td.day1,
#kinderwunsch td.day2,
#kinderwunsch td.day3,
#kinderwunsch td.day5 { background-color: #FF6464; }
#kinderwunsch td.day4 { background-color: #D97BFD; }
#kinderwunsch #details td.index,
#kinderwunsch #details td.text { text-align: left; }
#kinderwunsch #details td.date { text-align: center; }
#kinderwunsch #logo { display: none; }
#kinderwunsch #print_link { display: none; }

/* AT: Reisekosten */
#at_reisekosten #error_collector { display: none; }
#at_reisekosten label > span:first-child, #at_reisekosten div.label > span:first-child { width: 10em!important; }
#at_reisekosten div.label span label[for] { display:inline; margin:0em 0.2em 0em 0em; }
#at_reisekosten div.input_group { display: block; float: left; clear: left; }
#at_reisekosten div.input_group label { float: left; clear: none; padding-right: 2em; }
#at_reisekosten div.input_group label.after_first > span { width: 3em!important; }
#at_reisekosten #typ_group { display: none; margin-left: 20px; }
#at_reisekosten table { border-collapse: collapse; border-spacing: 0; }
#at_reisekosten table th,
#at_reisekosten table td { padding: 5px; white-space: nowrap; }
#at_reisekosten table td.padding_left { padding-left: 35px; }
#at_reisekosten table td.float_right,
#at_reisekosten table td.float_right input { text-align: right; }
#at_reisekosten table tr.heading.first { height: 20px; }
#at_reisekosten table tr.heading { height: 40px; }
#at_reisekosten table tr.heading td { font-weight: bold; vertical-align: bottom; border-bottom: 1px solid #000; }
#at_reisekosten #add_additional,
#at_reisekosten span.remove_additional { text-decoration: underline; cursor: pointer; }
#at_reisekosten #additional_row { display: none; }
#at_reisekosten #results { display: none; }
#at_reisekosten #calculation_form.hide_errors span.error { display: none; }
#at_reisekosten #dialog { visibility: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; z-index: 1000; }
#at_reisekosten #dialog div { width: 375px; margin: 100px auto; background-color: #fff; border: 1px solid #000; padding: 15px; text-align: center; }
#at_reisekosten #dialog div button { margin: 5px; }
#at_reisekosten #help { margin-bottom: 65em; }

/* AT: Abfertigungsrechner */
#at_abfertigung body, #at_abfertigung p { margin: 0; }
#at_abfertigung fieldset { padding: 20px; }
#at_abfertigung fieldset span { display: block; float: left; text-align: left; width: 50%; }

/* AT: Erbschaftssteuer */
#at_erbschaftssteuer body { margin: 0; }
#at_erbschaftssteuer fieldset { padding: 20px; }

/* AT: Sozialversicherungsrechner */
#at_sozialversicherung p, #at_sozialversicherung body { margin: 0; }
#at_sozialversicherung fieldset { padding: 20px; }
#at_sozialversicherung fieldset.legend_less { padding-top: 10px; }

/* AT: Anspruchszinsen */
#at_anspruchszinsen body, #at_anspruchszinsen p { margin: 0; }
#at_anspruchszinsen fieldset { padding: 20px; }

/* DE: Brutto-Netto */
#de_brutto_netto body, #de_brutto_netto form { margin: 0; }
#de_brutto_netto fieldset { padding: 20px; }

/* Skontorechner */
#skonto body, #skonto form { margin: 0; }
#skonto fieldset span { display: block; float: left; width: 50%; text-align: left; }
#skonto p { margin: 0px; }
#skonto fieldset { padding: 20px; }

/* Sorter */

.sorter, .sort_header {
    display: inline-block;
    vertical-align: middle;
}
.sorter {
    margin: 0 6px 0 2px;
}
.sorter a {
    display: block;
    width: 12px;
    height: 8px;
    font-size: 8px;
    color: black;
    text-decoration: none;
}
.sorter a:first-child {
    margin-bottom: 4px;
}
.sorter a span {
    vertical-align: baseline;
}
.sorter img {
    width: 12px;
    height: 8px;
    vertical-align: baseline;
}
.reset_sorter {
    font-weight: bold;
    font-size: 120%;
    text-decoration: none;
    color: #AAA;
}
.reset_sorter:hover {
    color: #278CF3;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
    float: right;
}

div.journey h2 { font-weight: bold; }

table.journeys_list th { text-align: left; }
table.journeys_list th.sum_expenses { text-align: right; }

table.journeys_list .width_larger { width: 12%; }

table.journeys_list {
    table-layout: fixed;
    width: 100%;
}

table.journeys_list tr td {
    vertical-align: top;
    white-space: normal!important;
}

table.journeys_list ul {
    margin-top: 0px;
}

table.journeys_list td.sum_expenses, td.edit {
    text-align: right;
}

h2.month_group {
    font-size: 18px;
    font-weight: bold;
}

form.filter_form {
    display: flex;
    flex-direction: row;
    justify-content: left;
}

form.filter_form > label > div.travel_filter {
    display: flex;
    align-items: center;
    align-self: center;
    width: 10em;
}