/**************************************************/
/* hvb.de layout */
/* copyright by HypoVereinsbank 2005 */
/* */
/* Last updated 31 March 2008 */
/**************************************************/
/**************************************************/
/*
 forms.css @(#)%PID%
 Style f�r alle Formulare aus der Applikation.
 copyright by HypoVereinsbank 2005
 @author P534184
 @version %PR% %PRT% %PO%
 @since 15.12.2005 15:38
*/
#relaunch-css {
 margin: 20px 20px 20px 20px;
 width: 800px;
 height: 600px;
}

form {
 color: #333;
 background: #fff;
 font-size: 11px;
 line-height: 14px;
 font-weight: normal !important;
 width: auto;
}
/*
 Allgemeine Styles, die sich auf die innerhalb eines Formulares
 verwendeten Standard-Elemente beziehen.
 */
form input {
 font-size: 11px;
 line-height: 14px;
 background: #fff;
 border: 1px solid #a3a3a3;
 color: #333333 !important;
 padding: 2px 4px 2px 4px;
 margin: 0;
}
form input.input-XL {
 width: auto;
}
form input.input-L {
 width: auto;
}
form input.input-S {
 width: auto;
}
/* IE6-Workaround f�r den Attributselektor input[type=text] */
/* IE6-Workaround f�r den Attributselektor input[type=password] */
form input.text, form input.password {
 font-size: 11px;
 line-height: 14px;
    padding: 1px 3px;
    margin-top: -1px;
    margin-bottom: -1px;
    background: #fff;
    border: 1px solid #a3a3a3;
}
/* IE6-Workaround f�r den Attributselektor input[type=submit] */
form input.submit {
 width: auto;
 overflow: visible;
 background-color: #CCCCCC;
 border-color: #999999;
 font-size: 11px;
 line-height: normal;
 padding: 1px 4px 1px 4px;
}
/* IE6-Workaround f�r den Attributselektor input[type=submit] */
form input.radio {
 border: none;
 vertical-align: top;
 width: 12px;
 height: 12px;
 margin-right: 4px;
}
/* IE6-Workaround f�r den Attributselektor input[type=checkbox] */
form input.checkbox {
 border: none;
 vertical-align: top;
 width: 13px;
 height: 13px;
 margin-right: 4px;
}
form textarea {
 font-size: 11px;
 line-height: 14px;
 background: #fff;
 border: 1px solid #a3a3a3;
 color: #333333 !important;
}
form label {
 font-size: 11px;
 line-height: 14px;
 font-weight: normal !important;
 color: #333333 !important;
}
form label.error {
 color: #FF0000 !important;
}
form label.right {
 text-align: left;
 padding: 0 0 0 4px;
}
form label.left {
 text-align: left;
 margin: 0 4px 0 0;
}
form select {
 font-size: 11px;
 line-height: 14px !important;
 font-weight: normal !important;
 color: #333 !important;
 padding: 0;
}
form p {
 font-size: 11px;
 line-height: 14px;
 margin: 0;
 padding: 3px 0 0 0;
}
form p.application {
 text-align: right;
}
form p.application a {
 padding: 2px 25px 0 0;
 line-height: 17px !important;
 background: url(http://www.hypovereinsbank.de/img/ico/icon-application.gif) right top no-repeat;
 background-position: right bottom;
}
form p.first {
 padding: 0;
}
form p.bottom {
 vertical-align: bottom;
}
form p.download {
 background-image:url(http://www.hypovereinsbank.de/img/ico/icon-download-c5c5c5.gif);
 background-position: 0px 2px;
 background-repeat: no-repeat;
}
form p.download a {
 display: inline;
 padding-left: 16px;
}
form p.hint {
 color: #A3A3A3;
 font-size: 9px;
 line-height: 11px;
 text-decoration: underline;
 background-image: url(http://www.hypovereinsbank.de/img/ico/icon-hint-a3a3a3.gif);
 background-position: left;
 background-repeat: no-repeat;
 background-color: transparent;
}
form p.hint a {
 color: #A3A3A3;
 display: block;
 padding-left: 12px;
}
form fieldset {
 border: none;
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 0px 0px;
}
form fieldset.first {
 padding: 0;
}
form fieldset.bottom {
 vertical-align: bottom;
}
form fieldset.inline {
}
form fieldset.inline p {
 float: left;
 padding: 0 0 0 6px;
 margin: 0;
}
form fieldset.sc-inline p {
 float: left;
 padding: 0 0 0 3px;
 margin: 0;
}
form fieldset.inline p.first {
 padding: 0;
}
form fieldset.sc-inline p.first {
 padding: 0;
}
form fieldset.inline p.right {
 float: right;
 padding: 0;
}
form fieldset.inline p.download {
 background-image:url(http://www.hypovereinsbank.de/img/ico/icon-download-c5c5c5.gif);
 background-position: 6px 0px;
 background-repeat: no-repeat;
 padding: 0 0 0 9px;
}
form fieldset.inline div.list {
 padding: 0 0 0 6px;
 margin: 0;
}
form legend {
 font-size: 11px;
 line-height: 14px;
 font-weight: bold !important;
 color: #333333 !important;
 margin-left: -6px;
}
form h1 {
 font-size: 12px;
 line-height: normal;
 font-weight: bold;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 color: #515151;
 text-shadow: graytext;
}
form h3 {
 padding: 12px 0 6px 0;
 margin: 0;
}
form h3.first {
 padding: 0 0 6px 0;
}
form h3.banner {
 padding: 0 0 0 0;
}
form h3 img {
 padding: 0 0 0 0;
 display: block;
}
form td {
 vertical-align: top;
 padding-bottom: 3px;
}

/* Tabellenlose Formularlayouts */
form div.left {
 margin-left: 8px;
}
form div.top {
 margin-top: 9px;
}
/* Header-Bereich eines Formulares */
form div.form-header {
 padding: 0;
 margin: 0;
 background-color: #D6D9EA;
}
/* Tab-Navigations-Bereich bei einem Formular mit Registerkarten */
form div.form-tab-navigation {
 float: left;
 width: 589px;
 font-size: 11px;
 line-height: normal;
 background: #D6D6D6 url(http://www.hypovereinsbank.de/img/ico/tab-nav-border-dark.gif) repeat-x bottom left;
 border-left: 1px solid #a3a3a3;
 border-right: 1px solid #a3a3a3;
 padding: 0;
 margin: 0;
}
div.form-tab-navigation ul {
 float: left;
 display: inline;
 width: 100%;
}
div.form-tab-navigation ul li {
 float: left;
 display: inline;
 font-size: 11px;
 line-height: normal;
}
div.form-tab-navigation a {
 float: left;
 display: block;
 margin: 0 0 1px 0;
 padding: 0 0 0 0;
 text-decoration: none;
 border: 1px solid #a3a3a3;
 border-bottom: none;
 background-color: rgb(238,238,238);
}
div.form-tab-navigation a.active {
 padding: 0 0 1px 0;
 margin: 0 0 0 0;
 background-color: #ffffff;
}
div.form-tab-navigation p {
 float: left;
 margin: 0 0 1px 0;
 padding: 5px 12px 4px 12px;
 text-decoration: none;
 border: 1px solid #a3a3a3;
 border-bottom: none;
 background-color: rgb(238,238,238);
}
div.form-tab-navigation p.active {
 float: left;
 padding: 5px 12px 5px 12px;
 margin: 0 0 0 0;
 background-color: #FFFFFF;
}
/* Nachrichten-Bereich f�r die Ausgabe von Fehlermeldung, Warnhinweisen, Informationen etc. */
form.banking-list div.form-messages {
 border: 1px solid #a3a3a3;
}
form div.form-messages {
 padding: 9px 9px 9px 9px;
 border-right: 1px solid #a3a3a3;
 height: 100%;
 border-left: 1px solid #a3a3a3;
 background-color: #EEEEEE;
}
form div.form-messages ul {
}
form div.form-messages ul li {
 display: list-item;
 font-size: 11px;
 line-height: 14px;
 color: black;
}
form div.form-messages .fatal {
 color: #FF0000;
 font-weight: bold;
}
form div.form-messages .error {
 color: #FF0000;
}
form div.form-messages .warn {
 color: #FF6600;
}
form div.form-messages .info {
 color: #5B69AA;
}
/* Content-Bereich eines Formulares */
form div.form-content {
 padding: 18px 9px 9px 9px;
 height: 100%;
 border-right: 1px solid #a3a3a3;
 border-left: 1px solid #a3a3a3;
}
form.banking-list div.form-content {
 padding: 12px 9px 9px 9px;
 height: 100%;
 border-right: 1px solid #EEE;
 border-left: 1px solid #EEE;
 border-bottom: 1px solid #EEE;
}
form div.left2cols {
 float: left;
 margin: 0px 9px 0px 0px;
 width: 48%;
}
form div.right2cols {
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 9px;
 width: 48%;
 border-left: 0px solid #d6d6d6;
}
form.banking-list div.right2cols {
 border-left: none;
}
form.banking-list div.form-content label {
 font-weight: bold !important;
 color: #5c5c5c !important;
 padding-right: 19px;
}
form.banking-list div.form-button-navigation {
 border-width: 1px 0px 0px 0px;
}
form.form-banking div.right2cols {
 border-left: none;
}
/* Navigationsbereich bei einem Formular mit Registerkarten */
form div.form-button-navigation {
 background: #d6d6d6;
 padding: 6px 9px 3px 9px;
 margin: 0;
 border: solid #a3a3a3;
 border-width: 0 1px 1px 1px;
}
form div.form-button-navigation-relative {
 position: relative;
}
form div.form-button-navigation-absolute {
 background: #d6d6d6;
 padding: 6px 9px 3px 9px;
 margin: 0;
 border: solid #a3a3a3;
 border-width: 0 1px 1px 1px;
 width: 570px !important;
 position: absolute; left:-308px; z-index:1 !important;
 overflow:visible;
}
form div.form-button-navigation div.previous {
 font-size: 11px;
 line-height: 14px;
 color: #a3a3a3;
 float: left;
 text-align: left;
 cursor: pointer;
}
form div.form-button-navigation div.previous label {
 font-size: 11px;
 line-height: 14px;
 background-color: transparent;
 cursor: pointer;
}
form div.form-button-navigation div.previous input {
 font-size: 11px;
 line-height: 14px;
 padding: 0 0 0 16px;
 border: none;
 background: url(http://www.hypovereinsbank.de/img/ico/icon-prev-active.gif);
 background-position: left 50%;
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer;
}
form div.form-button-navigation input.print {
 color: #a3a3a3;
 float: left;
 width: 14px;
 height: 14px;
 border: 0px;
 background: url(http://www.hypovereinsbank.de/img/ico/print.gif);
 background-position: 50% 50%;
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer;
}
form div.form-button-navigation div.print {
 font-size: 11px;
 line-height: 14px;
 display: inline;
 padding-top: 3px;
 color: #a3a3a3;
 float: left;
 text-align: left;
 cursor: pointer;
}
form div.form-button-navigation div.next,
form div.form-button-navigation-absolute div.next {
 padding-top: 0px;
 font-size: 11px;
 line-height: 14px;
 color: #a3a3a3;
 text-align: right;
 float: right;
 cursor: pointer;
}
form div.form-button-navigation div.next label,
form div.form-button-navigation-absolute div.next label {
 font-size: 11px;
 line-height: 14px;
 background-color: transparent;
 cursor: pointer;
}
form div.form-button-navigation div.next input,
form div.form-button-navigation-absolute div.next input {
 font-size: 11px;
 line-height: 14px;
 padding: 0 16px 0 0;
 border: none;
 background-image: url(http://www.hypovereinsbank.de/img/ico/icon-next-active.gif);
 background-position: right 50%;
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer;
}
form div.form-button-navigation div.cancel,
form div.form-button-navigation-absolute div.cancel {
 font-size: 11px;
 line-height: 14px;
 color: #a3a3a3;
 text-align: center;
 cursor: pointer;
}
form div.form-button-navigation div.cancel label,
form div.form-button-navigation-absolute div.cancel label {
 font-size: 11px;
 line-height: 14px;
 background-color: transparent;
 cursor: pointer;
}
div.form-button-navigation div.cancel input,
div.form-button-navigation-absolute div.cancel input {
 font-size: 11px;
 line-height: 14px;
 padding: 0 16px 0 0;
 border: none;
 background-image: url(http://www.hypovereinsbank.de/img/ico/icon-cancel.gif);
 background-position: right 50%;
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer;
}
form div.form-spacer-h {
 float: left;
 width: 6px;
 height: 14px;
}
form div.form-spacer-v {
 clear: both;
 height: 4px;
}
form div.form-field {
 display: inline;
 float: left;
}
div.form-container {
 margin: 16px 16px 16px 16px;
}
/* Styles f�r Formulare aus dem Servicebereich */
form.service {
 width: 191px;
}
form.service input.input-XL {
 width: 162px;
}
form.service input.input-S {
 width: 48px;
}
form.service select.input-XL {
 width: 171px;
}
form.service textarea.input-XL {
 width: 169px;
}
form.service div.form-header {
 padding: 4px 10px 9px 10px;
 background-color: #D6D9EA;
}
form.service div.form-header h3 {
 font-size: 14px;
 line-height: normal;
 font-weight: bold;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}
form.service div.form-tab-navigation {
 background: rgb(238,238,238) url(http://www.hypovereinsbank.de/img/ico/tab-nav-border-light.gif) repeat-x bottom left;
}
form.service div.form-tab-navigation a {
 padding: 5px 12px 4px 11px;
 border-top: none;
 border-right: none;
 border-bottom: none;
 border-left: 1px solid #D6D6D6;
 background-color: rgb(238,238,238);
}
form.service div.form-tab-navigation a.active {
 padding: 5px 12px 5px 11px;
 background-color: #ffffff;
}
form.service div.form-content {
 background-color: #FFFFFF;
 border-right: 1px solid #D6D6D6;
 border-bottom: 1px solid #D6D6D6;
 border-left: 1px solid #D6D6D6;
 padding: 12px 9px 9px 9px;
}
form.service p {
 padding: 3px 0 0 0;
}
form.service p.first {
 padding: 0;
}
form.service fieldset.inline p {
 float: left;
 padding-top: 0px;
 padding-left: 3px;
}
form.service fieldset.inline p.first {
 padding-left: 0px;
}
form.service fieldset.inline p.right {
 float: right;
 padding-left: 0px;
}
/* Styles f�r Formulare aus dem Produktabschlussbereich */
form div.sales {
}
form.sales {
 width: 591px;
}
form.sales div.form-tab-navigation {
 padding: 0;
 margin: 0;
 background-color: #D6D6D6;
 background-image: none;
 border-top: 1px solid #A3A3A3;
 border-bottom: 1px solid #A3A3A3;
}
form.form-banking div.form-tab-navigation ul li,
form.sales div.form-tab-navigation ul li {
}
form.form-banking div.form-tab-navigation p,
form.sales div.form-tab-navigation p {
 margin: 0;
 padding: 3px 24px 3px 9px;
 line-height: normal;
 color: #A3A3A3;
 background-image: url(http://www.hypovereinsbank.de/img/ico/form-tab-navigation-right.gif);
 background-color: #D6D6D6;
 background-position: right 50%;
 background-repeat: no-repeat;
 border: none;
}
form.form-banking div.form-tab-navigation p.active,
form.sales div.form-tab-navigation p.active {
 color: #f60; /*changed 2006-03-21 color: #E4502A;*/
 background-color: #FFFFFF;
 background-image: url(http://www.hypovereinsbank.de/img/ico/form-tab-navigation-right-active.gif);
}
form.form-banking div.form-tab-navigation p.done,
form.sales div.form-tab-navigation p.done {
 background-color: #D6D6D6;
 background-image: url(http://www.hypovereinsbank.de/img/ico/form-tab-navigation-right-done.gif);
}
form.form-banking div.form-tab-navigation p.doneProduct,
form.sales div.form-tab-navigation p.doneProduct {
color: #000000;
background-color: #FFFFFF;
background-image: url(http://www.hypovereinsbank.de/img/ico/form-tab-navigation-right-product-done.gif);
}
form.form-banking div.form-tab-navigation p.todoProduct,
form.sales div.form-tab-navigation p.todoProduct {
 color: #000000;
 background-color:#D6D6D6;
 background-image: url(http://www.hypovereinsbank.de/img/ico/form-tab-navigation-right.gif);
}
form.sales div.left2cols {
 min-height: 233px;
}
form.sales div.right2cols {
 min-height: 233px;
}
form.sales textarea.input-XXL {
 overflow: auto;
 width: 238px;
}
form.sales input.input-XXL {
 width: 228px;
}
/**************************************************/
/* Beginn Styles f�r neues Banking */
/**************************************************/
form.form-banking {
 width: 591px;
}
form.form-banking div.form-content {
 border-top:  1px solid #a3a3a3;
}
form.form-banking div.form-tab-navigation {
 padding: 0;
 margin: 0;
 background-color: #D6D6D6;
 background-image: none;
 border-top: 1px solid #A3A3A3;
}
form.form-banking div.form-messages {
 border-top: 1px solid #a3a3a3;
 border-left: 1px solid #a3a3a3;
 border-right: 1px solid #a3a3a3;
}
form.form-banking fieldset.inline {
}
form p.label {
 width: 147px;
}
form p.value {
 width: 400px;
}
a.rightlink,
input.rightlink {
 text-align: left;
 font-size: 11px;
 line-height: 14px;
 border: none;
 background-image: url(http://www.hypovereinsbank.de/img/ico/icon-link.gif);
 background-position: left 4px;
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer;
 padding-left: 8px;
 padding-right: 0px;
 padding-top: 0;
 padding-bottom: 0;
}
a.externlink {
 text-align: left;
 font-size: 11px;
 line-height: 14px;
 border: none;
 background-image: url(http://www.hypovereinsbank.de/img/ico/arrow_ext.gif);
 background-position: left 4px;
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer;
 padding-left: 8px;
 padding-right: 0px;
 padding-top: 0;
 padding-bottom: 0;
}
input.download {
 text-align: right;
 font-size: 11px;
 line-height: 14px;
 border: medium none;
 background-image: url(http://www.hypovereinsbank.de/img/ico/icon-download-c5c5c5.gif);
 background-position: right 50%;
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer; padding-left:30px; padding-right:16px; padding-top:0; padding-bottom:0
}
/**************************************************/
/* Ende Styles f�r neues Banking */
/**************************************************/
/* Styles f�r Formulare aus dem Bereich Advisory */
form.advisory {
}
form.advisory input.submit {
 width: auto;
 background-color: transparent;
 border: none;
 font-size: 11px;
 line-height: normal;
 padding: 0px 0px 0px 0px;
}
form.advisory div.form-messages {
 padding: 6px 0px 0px 0px;
 border-right: 0px;
 border-left: 0px;
 background-color: #FFFFFF;
}
form.advisory p.errorhint {
 font-weight: bold;
 color: #FF0000;
}
form.advisory select {
 width: 120px;
}
form.advisory select.select {
 width: 120px;
}
form.advisory select.dynselect-L {
 width: 250px;
}
form.advisory select.dynselect-XL {
 width: 300px;
}
form.advisory select.dynselect-XXL {
 width: 350px;
}
form.advisory div.dynselectfixer
{
 position: absolute;
 width: 120px;
 overflow-x: visible;
 overflow-y: none;
 vertical-align: top;
}
form.advisory p.grouplabel {
 margin-bottom: 4px;
}
/* Styles f�r Formulare aus dem Bereich Banking */
form.banking {
 width: 591px;
}
form.banking div.form-header {
 background-color: #C0D4D4;
 border: 1px solid #999999;
}
form.banking div.form-header h3 {
 padding: 4px 8px 4px 8px;
 float: left;
 font-size: 13px;
}
form.banking div.form-tab-navigation {
 padding: 4px 8px 4px 8px;
 float: right;
 background: none;
 width: auto;
}
form.banking div.form-content {
 background-color: white;
 border-right: 1px solid #999999;
 border-left: 1px solid #999999;
 padding: 4px 8px 4px 8px;
}
form.banking div.form-content.header {
 background-color: #F7F7DE;
}
form.banking div.form-content.header p {
 text-align: right;
}
form.banking div.form-header div ul {
 padding-top: 2px;
 float: right;
 display: inline;
}
form.form-banking input.day,
form.form-banking input.month,
form.banking input.day,
form.banking input.month,
form.banking input.street {
 margin-right: 6px;
}
form.form-banking input.day,
form.banking input.day {
 width: 14px;
}
form.form-banking input.month,
form.banking input.month {
 width: 18px;
}
form.form-banking input.year,
form.banking input.year {
 width: 22px;
}
form.banking  div.datumGueltigBis {
 position:relative; top:-18px; left:65px; z-index:1;
}
form.banking  span.auftragshoehe {
 position:relative; top:-6px; left:22px; z-index:1;
}
form.banking span.left {
 padding: 0px 0px 0px 22px;
 font-size: 11px;
 line-height: 16px;
}
form.banking div.normal {
 background-color:white;
 padding: 8px 8px 4px 8px;
}
form.banking div.normal-gelb {
 background-color:#F3F7DE;
 padding: 8px 8px 8px 8px;
}
form.banking div.left {
 background-color:white;
 padding: 8px 0px 4px 2px;
}
form.banking div.left-blue {
 background-color:#E6F2F2;
 padding: 8px 8px 8px 2px;
}
form.banking p.left {
 width: 17px;
}
form.banking p.right {
 width: 550px;
 text-align: left;
}
form.form-banking div.form-content.secure,
form.banking div.form-content.secure {
 font-weight: bold !important;
 background-color: #ECECEC;
 border-top: 2px solid #999999;
 border-bottom: 2px solid #999999;
}
form.banking div.form-content.alternate {
 background-color: #E0ECEC;
}
form.banking div.form-button-navigation {
 background-color: white;
 padding: 4px 8px 4px 8px;
 margin: 0px 0px 0px 0px;
 border: 1px solid #999999;
 text-align: left;
}
form.banking div.form-button-navigation div.next input {
 background-image: url(http://www.hypovereinsbank.de/img/ico/arrow_r.gif);
 text-transform: uppercase;
}
form.banking div.form-button-navigation div.print input {
 background-image: url(http://www.hypovereinsbank.de/img/ico/arrow_l.gif);
 text-transform: uppercase;
}
form.banking div.form-button-navigation div.previous input {
 background-image: url(http://www.hypovereinsbank.de/img/ico/arrow_l.gif);
 text-transform: uppercase;
}
.negative-balance {
 color: red !important;
}
/**************************************************/
/**************************************************/
/* Styles f�r Formulare im Bezug mit den Rechnern */
/**************************************************/
/**************************************************/
form.rechner-print{
 width: 450px !important;
 position:relative; top: 0px !important;
        left: 0px !important;
}
form.rechner{
 width:260px;
 position:relative; top: -20px; left: -20px;
}
form.rechner input.calc-input {
 background-color: white;
 width: 56px;
 overflow:hidden;
 text-align: right;

}
form.rechner select.calc-select {
 background-color: white;
 /*width: 67px;*/
 overflow:hidden;
 text-align: left;
}
form.rechner input.calc-input-XL {
 background-color: white;
 width: 126px;
 overflow:hidden;
 text-align: right;
}
form.rechner select.calc-select-XL {
 background-color: white;
 width: 135px;
 overflow:hidden;
 text-align: left;
}
form.rechner select.calc-select-XXL {
 position:absolute;
 width: 260px;
 text-align: left;
 right:0px;
 overflow:visible;
 white-space:nowrap;
}
form.rechner td.hruler, div.hruler
{
 font-size: 0;
 line-height: 0;
 height: 14px;
 background: url(http://www.hypovereinsbank.de/img/ico/bg-form-hruler.gif) repeat-x;
}

form.rechner p.leftCol {
 text-align: left;
 width: 135px;
 margin: 0; padding-top: 4px;
}
form.rechner p.leftCol175 {
text-align:left;
width: 175px;
}
form.rechner p.middleCol {
 margin: 0 0 0 0px;
    padding: 0 0;
}
form.rechner p.rightCol {
 text-align: left;
 width: 45px;
 margin: 0; padding-top: 4px;
}
form.rechner div.form-messages,form.rechner span.error,
 form.rechner span.info{
background-color: #FFFFFF !important;
border: none !important;
color: #FF0000;
}
form.rechner div.scrollBereich{
 height:400px;
 overflow:auto;
}
form.rechner .navigate-mid{
 font-size: 11px;
 position: absolute;
 left: 80px;
 top: 3px;
 width: 105px;
}
form.rechner .navigate{
 position: relative;
 padding-top: 5px;
 padding-bottom: 0px;
}
form.rechner .navigate-right{
 position: absolute;
 right: 5px;
 top: 0px;
 width: 75px;
}
form.rechner tr.bg-grey td{
 background-color:#ECECEC;
}
form.rechner .table-header{
 font-size: 11px;
 line-height: 14px;
 background-color:#D1E0A3;
 font-weight: normal;
 text-align:right;
 white-space:nowrap;
 padding-left: 10px;
}
form.rechner .table-entry{
 text-align:right;
 white-space:nowrap;
 padding-left: 10px;
}
form.rechner tr.bg-grey{
 background-color:#ECECEC;
}
form.rechner .table-footer{
 font-size: 11px;
 line-height: 22px;
 font-weight: bold;
 color:#333333;
 background-color:#C0D4D4;
 vertical-align: middle;
 padding-right: 5px;
 padding-top: 5px;
 text-align: right;
 white-space:nowrap;
}
form.rechner td {
 font-size: 11px;
 line-height: 14px;
 background-color: transparent;
}
form.rechner td.form-header,form.rechner th.form-header {
 font-size: 11px;
 line-height: 14px;
 font-weight: bold !important;
}
form.rechner p.print, fieldset.print{
 white-space:nowrap;
 border:0px !important;
}
form.rechner .spacer-v{
 margin-top: 7px;
}
/**************************************************/
/**************************************************/
/* Infoboxen */
/**************************************************/
/**************************************************/
a.infobox {
 padding-left: 3px;
 cursor: pointer;
}
/**************************************************/
/**************************************************/
/* Kontakt */
/**************************************************/
/**************************************************/
form.contact {
 width: 591px;
}
.contact input.input-S,
.contact select.input-S,
.directcontact input.input-S,
.directcontact select.input-S {
 width: 55px;
}
.contact input.input-68,
.contact select.input-68 {
 width: 68px;
}
.contact p.input-M,
.contact input.input-M,
.contact select.input-M,
.directcontact p.input-M,
.directcontact input.input-M,
.directcontact select.input-M {
 width: 80px;
}
.contact input.input-lM,
.contact select.input-lM {
 margin-left: 3px;
 width: 80px;
}
.contact input.input-H,
.contact select.input-H {
 width: 121px;
}
.contact input.input-lH,
.contact select.input-lH {
 margin-left: 3px;
 width: 127px;
}
.contact input.input-L,
.contact select.input-L,
.directcontact input.input-L,
.directcontact select.input-L {
 width: 166px;
}
.contact input.input-lL,
.contact select.input-lL {
 margin-left: 3px;
 width: 166px;
}
.contact input.input-XL,
.directcontact input.input-XL {
 width: 237px;
}
.contact textarea,
.directcontact textarea {
 overflow: auto;
 height: 100px;
}
.contact textarea.input-XL {
 width: 255px;
}
.directcontact textarea.input-XL {
 width: 248px;
}
.contact input.day,
.contact input.month {
 margin-right: 6px;
}
.contact div.rating fieldset.inline p {
 width: 120px !important;
 height: 18px;
 padding-left: 0px;
}
form.directcontact {
 width: 273px;
 padding-left: 2px !important;
}
/**************************************************/
/**************************************************/
/* LOGIN */
/**************************************************/
/**************************************************/
div.menu-navigation {
 padding: 12px 9px 9px;
 background-color: #a3a3a3;
 border-left: 0px solid #EEE;
 border-right: 0px solid #EEE;
 }
form.login {
 width: auto;
 background-color: #a3a3a3;
 margin-bottom: 12px;
}
div.menu-navigation p,
form.login p {
 color: #fff !important;
}
div.menu-navigation label,
form.login label {
 line-height: 16px;
 color: #fff !important;
}
div.menu-navigation div.form-content,
form.login div.form-content {
 padding: 9px 9px 9px 9px;
}

form.login input.text,
form.login input.password {
 border-color: #fff;
}
div.menu-navigation div.form-messages,
form.login div.form-messages {
 border-top: 1px solid #a3a3a3;
 background-color: #fff;
}
form.login input.link {
 color: #fff !important;
 background-color: #a3a3a3;
 background-image: url(http://www.hypovereinsbank.de/img/ico/icon-link-fff.gif);
 background-position: right;
 background-repeat: no-repeat;
 width: auto;
 border-color: #a3a3a3;
 font-size: 11px;
 line-height: normal;
 margin: 0;
 padding: 0px 12px 0px 0px;
 cursor: pointer;
 text-align: left;
}
form.login label.link {
 line-height: 14px;
 cursor: pointer;
}
form.login a {
 color: #fff !important;
 text-decoration: none !important;
}
/**************************************************/
/**************************************************/
/* ENDE LOGIN */
/**************************************************/
/**************************************************/
/**************************************************/
/**************************************************/
/* Styles f�r Portlets in der Context-Zone        */
/**************************************************/
/**************************************************/
form.portlet input.submit {
 /*
 display: block;
 float: right;
 padding: 0px 1px 1px 0px;
 margin: 15px 0 0 0;
 */
 display: block;
 float: right;
 padding: 0px 1px 1px 0px;
 margin: 15px 0 0 0;
 width: 72px;
 background-image:url(http://www.hypovereinsbank.de/img/ico/input-submit-absenden.gif);
 background-color:transparent;
 background-repeat:no-repeat;
 border: none;
 cursor: pointer;
}
form.portlet p.confirmation {
 font-weight: bold !important;
 color: #000000;
}
form.portlet div.form-messages {
 padding: 0px 0px 6px 0px;
 border-right: 0px;
 border-left: 0px;
 background-color: #FFFFFF;
}
form#short-contact-email,
form#short-contact-phone,
form#short-contact-branch
{
 padding: 0 0 3px 0;
}
form#short-contact-phone p.add
{
 font-size: 9px;
 line-height: 11px;
 color: #a3a3a3;
 padding: 2px 0;
}
form#short-contact-branch h4
{
 padding: 0 0 3px 0;
}
form#short-contact-branch div.branch-services
{
 padding: 9px 0 7px 0;
}

/**************************************************/
/* Stylesende f�r Portlets in der Context-Zone        */
/**************************************************/
/**************************************************/
/* Stylesanfang f�r die Funktion Freistellungsauftrag im Banking */
/**************************************************/
.banking .fa-input {
 width: 220px;
}
.banking .fa-input-R {
 width: 65px;
 text-align: right;
}
/**************************************************/
/* Stylesende f�r die Funktion Freistellungsauftrag im Banking */
/**************************************************/
/**************************************************/
/* Start f�r Action-Buttons in einem Formular oben Disclaimer */
/**************************************************/
form div.form-button-top {
 padding: 6px 9px 3px 9px;
 margin: 0;
 border: solid #a3a3a3;
 border-width: 0 1px 0 1px;
}
form div.form-button-top input.submit {
 font-size: 11px;
 font-weight: bold;
 display: block;
 float: right;
 padding: 3px 3px;
 background: #eee;
 border: 0;
 margin-left: 8px;
 width: 90px;
 cursor: pointer;
 background-color: #CCCCCC;
}
form div.form-button-top label {
 font-size: 11px;
 font-weight: bold !important;
 display: block;
 float: right;
 padding: 4px 3px;
 border: 0;
 margin-left: 8px;
}
form div.form-button-top div.form-messages {
 padding: 9px 9px 9px 0px;
 border: 0;
 background-color: #FFFFFF;
}
/**************************************************/
/* Ende f�r Action-Buttons in einem Formular oben Disclaimer */
/**************************************************/
form#sofortkreditrechner input.spacer-v {
 margin-top: 4px;
 margin-bottom: 3px;
}
form#sofortkreditrechner input.calc-input {
 width: 66px;
}
form#sofortkreditrechner table {
 height: 100%;
}
/**************************************************/
/* Stylesanfang f�r die Startseite im Banking */
/**************************************************/
div.lastloginDate{
 background-color: #EEEEEE;
 float: right;
 text-align: right;
 padding: 0px 9px 6px 0px;
}
div.startbegruessung
{
 width: auto;
 background-color: #a3a3a3;
}
div.startbegruessung div.leftbeg {
  background-color: #a3a3a3;
  float: left;
  text-align: left;
  padding: 4px 7px 5px 9px;
}
div.startbegruessung div.rightbeg {
 background-color: #a3a3a3;
 float: right;
 text-align: right;
 padding: 4px 7px 5px 9px;
}
div.startbegruessung div.leftbeg p,
div.startbegruessung div.rightbeg p a{
 color: #fff !important;
}
table.startmessagetable tbody tr {
 border-bottom: 0px;
}
div.messageheader{
 padding: 3px 9px 3px 9px;
 background-color: #FF6600;
 color: #FFFFFF;
}
div.messageheader p{
 color: #FFFFFF;
 font-weight: bold;
}
div.messagetext {
 padding: 5px 9px 5px 9px;
 border-bottom: 1px solid lightgrey;
}
div.messagetext div.links{
 padding: 10px 0px 5px 0px;
 text-align: right;
 font-size: 11px;
 line-height: 14px;
}
/**************************************************/
/* Stylesende f�r die Startseite im Banking */
/**************************************************/
/*****************************************************/
/* Stylesstart f�r die Konditionenanzeige im Banking */
/*****************************************************/
.banking-navigation {
 padding: 8px 8px 4px 8px;
 background-color: #F3F1F2;
 border: 1px solid #999999;
}
.banking-header {
 padding: 0px 8px 4px 8px;
 background-color: #F3F7DE;
 border: 1px solid #999999;
}
.banking-header h3{
 font-size:12px;
 font-weight:bold
}
div.banking-header span.left {
 padding: 0px 0px 0px 0px;
 float:left;
 width: 300px;
}
div.banking-header span.right {
 float:right;
 width: 150px;
}
.banking-content {
 background-color: #E6F2F2;
 border: 1px solid #999999;
 border-right: 1px solid #999999;
 border-left: 1px solid #999999;
 padding: 8px 8px 4px 8px;
}
div.banking-content span.left {
 padding: 0px 0px 0px 0px;
 float:left;
 width: 250px;
}
div.banking-content span.right {
 float:right;
 width: 320px;
}
/*****************************************************/
/* Stylesende f�r die Konditionenanzeige im Banking */
/*****************************************************/
/*****************************************************/
/* Stylesanfang f�r Navigationsmen� im neuen Banking */
/*****************************************************/
div.menu-navigation  a.link {
 color: #fff !important;
 text-decoration: none !important;
}
div.menu-navigation  a.rightlink {
 color: #fff !important;
 text-decoration: none !important;
 background-image: url(http://www.hypovereinsbank.de/img/ico/icon-link.gif);
 background-position: 19px 4px;
 background-repeat: no-repeat;
 cursor: pointer;
 padding-left:30px;
 padding-right:16px;
 padding-top:0;
 padding-bottom:0;
}
div.menu-navigation ul {
  margin-top: 10px;
}
div.menu-navigation ul li {
  margin-right: 10px;
  font-size: 11px;
  line-height: 14px;
  list-style: none;
  float: left;  /* ohne width - nach CSS 2.1 erlaubt */
  position: relative;
}
* html div.menu-navigation ul li {  /* Korrektur fuer den IE 5 und 6 */
  margin-bottom: -0.4em;
}
*:first-child+html div.menu-navigation ul li {  /* Korrektur fuer den IE 7 */
  margin-bottom: -0.1em;
}
div.menu-navigation ul li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  display: none;  /* Unternavigation ausblenden */
}
*:first-child+html div.menu-navigation ul ul {  /* Workaround fuer den IE 7 */
  background-color:silver;
  padding-bottom:0.4em;
}
div.menu-navigation ul li:hover ul {
  display: block;  /* Unternavigation in modernen Browsern einblenden */
}
div.menu-navigation ul li ul li {
  float: none;
  display: block;
}
div.menu-navigation ul a,
div.menu-navigation ul span {
  display: block;
  padding: 2px 20px 2px 2px;
  text-decoration: none;
  border: 1px solid #a3a3a3;
  line-height: 17px !important;
  background: url(http://www.hypovereinsbank.de/img/ico/menu_navi.gif) right center no-repeat;
  background-color: white;
}
div.menu-navigation ul li ul li a {
  width: 170px;
  margin-right: -10px;
  background: none;
  background-color: white;
}
* html div.menu-navigation ul a,
* html div.menu-navigation ul span {
  width: 8.6px;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
  w\idth: 6.4px;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
}
div.menu-navigation ul a:hover,
div.menu-navigation ul span, li a#aktuell {
  border-color: black;
  color: #FF6600;
  background-color: white;
}
li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
  color: maroon;
  background-color: silver;
}
div.menu-navigation ul li ul span {  /* aktuelle Unterseite kennzeichnen */
  background-color: maroon;
}
/*****************************************************/
/* Stylesende f�r Navigationsmen� im neuen Banking   */
/*****************************************************/
/*****************************************************/
/* Stylesanfang f�r Tabellen im neuen Banking        */
/*****************************************************/
.banking-table {
 border-left: 1px solid #EEEEEE;
 border-right: 1px solid #EEEEEE;
}
.banking-table table {
 border-collapse: collapse;
 border: 0px solid #A3A3A3;
 width: 100%;
}
.banking-table tbody tr {
 border-bottom: 1px solid #eee;
}
.banking-table table td a,
.banking-table table td a:link,
.banking-table table td a:visited,
.banking-table table td a:hover,
.banking-table table td a:active,
.banking-table table td a:focus {
 color: #333333;
 text-decoration: underline;
}
.banking-table tfoot,
.banking-table thead {
 border-bottom: 1px solid grey;
 background-color: lightgrey;
}
.banking-table thead th {
 font-weight: normal;
}
.banking-table th,
.banking-table td {
 padding: 4px 0px 4px 10px;
 text-align: left;
 overflow: hidden;
}
.banking-table th.lastcol,
.banking-table td.lastcol {
 padding-right: 13px;
}
.banking-table th,
.banking-table div,
.banking-table td {
 font-size: 11px;
 line-height: 14px;
}
.banking-table th .title {
 float: left;
 width: 40%;
 text-align: left;
 font-weight: bold;
}
.banking-table .scroller {
 float: right;
 width: 40%;
 text-align: right;
 padding-right: 9px;
}
.banking-table .scroller a {
 text-decoration: none !important;
}
.banking-table .scroller span {
 padding-left: 6px;
}
.banking-table .scroller span.active {
 font-weight: bold;
}
.banking-table h3,
.banking-table h3 .first {
 padding-bottom: 0px;
}
.banking-table table tr.even td {
 background-color: rgb(255,255,255);
}
.banking-table table tr.odd td {
 background-color: rgb(238,238,238);
}
.banking-table table td a.noline,
.banking-table table td a.noline:link,
.banking-table table td a.noline:visited,
.banking-table table td a.noline:active,
.banking-table table td a.noline:focus {
 color: #333333 !important;
 text-decoration: none !important;
 padding: 2px 15px 0 10px;
 line-height: 17px !important;
 background: url(http://www.hypovereinsbank.de/img/ico/icon-link.gif) scroll left 6px no-repeat;
}
.banking-table table td a.noline:hover {
 color:#F10020 !important;
 text-decoration: none !important;
 padding: 2px 15px 0 10px;
 line-height: 17px !important;
 background: url(http://www.hypovereinsbank.de/img/ico/icon-link.gif) scroll left 6px no-repeat;
}
.banking-table table table tr td {
 padding-left: 0px;
 padding-right: 10px;
}
.banking-table table table tbody tr {
 border-bottom: 0px;
}
/*****************************************************/
/* Stylesende f�r Tabellen im neuen Banking          */
/*****************************************************/
/*****************************************************/
/* Styles f�r PictureCard  */
/*****************************************************/
.form-content fieldset.pictureCard {
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 589px;
 background-color:#fff;
 padding: 0px;
 border: 1px solid #5c5c5c;
 overflow: auto;
}
.form-content fieldset.pictureCard span,
.form-content fieldset.pictureCard p.picture {
 float: left;
 padding: 10px 10px 10px 28px;
 text-align: left;
 font-size: 11px;
 color: #5c5c5c;
 line-height: 14px;
 overflow: auto;
}
.form-content fieldset.pictureCard p.picture  a,
.form-content fieldset.pictureCard p.close  a {
 text-decoration: none !important;
}
.form-content fieldset.pictureCard p.picture a:hover,
.form-content fieldset.pictureCard p.close  a:hover {
 color:red !important;
}
form p.motiveLink {
 position: relative;
 top: -20px;
 left: 140px;
}
form p.motiveLink a.righttop {
 padding: 0 15px 0 0;
 text-decoration: none !important;
 color: #333 !important;
 background: url(http://www.hypovereinsbank.de/img/ico/icon-link.gif) right center no-repeat;
}
.form-content fieldset.pictureCard p.close {
 float: right;
 height: 30px;
 padding: 3px 10px 10px 0px;
 width: 538px;
 text-align: right;
 font-size: 11px;
 color: #5c5c5c;
 line-height: 14px;
 border-top: 5px solid #eee;
 overflow: auto;
}
.form-content fieldset.pictureCard p.info {
 float: left;
 width: 535px;
 padding: 3px 10px 10px 28px;
 text-align: left;
 font-size: 11px;
 color: #333;
 line-height: 14px;
}
/*****************************************************/
/* Stylesende f�r PictureCard  */
/*****************************************************/
form.cols-2-150
{
 width:591px;
}
form.cols-2-150 p,
form.cols-2-150 fieldset.inline {
 margin-top: 5px;
}
.cols-2-150 p.input-L {
 width: 130px;
}
.cols-2-150 p.input-R {
 width: 435px;
}

/***********************************************/
/* disclaimer scrollbalken */
/***********************************************/
form#disclaimerForm div.form-content
{
  height: 300px !important;
  overflow: scroll;
  padding-right: 20px;
  overflow-x: hidden;
  border-left: 0px solid #A3A3A3;
  width: 560px;
}
form#disclaimerForm div.form-button-top
{
 border-width: 0px;
 border-right: 1px solid #A3A3A3;
 margin: 0pt;
 padding: 6px 9px 3px;
 width: 571px;
}
/***********************************************/
/* ende disclaimer scrollbalken */
/***********************************************/