/**************************************************/
/* hvb.de layout */
/* copyright by HypoVereinsbank 2005 */
/* */
/* Last updated 31 March 2008 */
/**************************************************/
/**************************************************/
/*  
 forms.css @(#)%PID%
 Style for all application forms.
 copyright by HypoVereinsbank 2005
 @author P534184
 @version %PR% %PRT% %PO%
 @since 15.12.2005 15:38
*/

/* 10# - BEGIN */

@import url('/etc/designs/hypovereinsbank/css/virtualbranch/webfonts.css');

body
{
	font-family: Arial;
}
/* 10# - END */

form {
 color: #333;
 background: #fff;
 font-weight: normal !important;
 width: auto;
}
/* 
 All common styles for standard elements within forms.
 */
form input {
 border: 1px solid #a3a3a3 ;
 background-color: transparent;
 color: #000000;
 padding: 2px 4px 2px 4px;
 margin: 0;
 
 /* transparency effect */ 
 /*filter:alpha(opacity=50);
 opacity: 0.5;
 -moz-opacity:0.5;*/ 

}

form input[type="radio"] {
 border: none;
 background: none;
}
form input.text, form input.password {
    padding: 1px 3px;
    margin-top: -1px;
    margin-bottom: -1px;
    background: #fff;
    border: 1px solid #a3a3a3;
    color: #000000;
 
}
form input.submit {
 width: auto;
 overflow: visible;
 background-color: #CCCCCC;
 border-color: #999999;
 line-height: normal;
 padding: 1px 4px 1px 4px;
}
form input.radio {
 border: none;
 vertical-align: top;
 width: 12px;
 height: 12px;
 margin-right: 4px;
}
form input.checkbox {
 border: none;
 vertical-align: top;
 width: 13px;
 height: 13px;
 margin-right: 4px;
}
form textarea {
 background: #fff;
 border: 1px solid #a3a3a3 !important;
 color: #333333 !important;
}
form label {
 font-weight: bold;
 /*color: #333333 !important;*/
}
/* 5# - BEGIN */
form label.radioButtons {

 font-weight: normal !important;
 color: #333333 !important;
}
/* 5# - END */
form label.error {
 color: #FF0000 !important;
}
form label.right {
 text-align: left;
  font-weight: bold !important;
 padding: 0 0 0 4px;
}
form label.left {
 text-align: left;
 margin: 0 4px 0 0;
}

form p {
 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-position: right bottom;
}
form p.first {
 padding: 0;
 color: #000;
 margin-left: 9px;	/* PJ13 */
}
form p.bottom {
 vertical-align: bottom;
}
/* Download buttons */
form p.download {
 background-position: 0px 2px;
 background-repeat: no-repeat;
}
form p.download a {
 display: inline;
 padding-left: 16px;
}
form fieldset {
 border: none;
 margin: 0px 0px 0px 0px;
 /* padding: 3px 0px 0px 0px; */
 /* padding: 6px 0px 0px 0px; */
}
form fieldset.first {
 padding: 0;
}
form fieldset.bottom {
 vertical-align: bottom;
}
form fieldset.inline {
  margin-bottom: 10px;
}
form fieldset.inline2{
  position: absolute;
  margin: -13px 0px 0px 0px;
}

form fieldset.inline p {
 float: left;
 padding: 0;
 margin: 0;
}

form fieldset.inline p.first {
 padding: 0px 0px 0px 0px;
 color: #000000;
}
/* 2# - BEGIN*/
form fieldset.inline p.second {
 padding: 0;
 color: #000000;
 font-weight: bold  !important;
 color: #000000 !important;
 background-color: rgb(226,239,255);
 float: left;
 width: 75%;

}
.secondRight {
 float: right;
 padding: 0;
 background-color: rgb(226,239,255); !important;
 text-align: left;
 font-weight: bold  !important;
}
/* 2# - END*/

form fieldset.inline p.right {
 float: right;
 padding: 0;
}
form fieldset.inline.infobox p {
 line-height: 20px;
}
div#content-zone form fieldset.inline p.right a:link {
 color:#E2001A;
}

div#content-zone form fieldset.inline p.right input:link41 {
 color:#E2001A;
}

form fieldset.inline p.download {
 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 h1 {
 font-size: 14px;
 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;
 color: #000;
 font-size: 11px;
 font-family: Arial,Geneva,Helvetica,sans-serif;
}
form h3.first {
 padding: 0 0 6px 0;
 color: #000;
 font-size: 11px;
 font-family: Arial,Geneva,Helvetica,sans-serif;
}
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;*/
}
 
/* Header-Bereich eines Formulares */
form div.form-header {
 padding: 0;
 margin: 0;
 background-color: #D6D9EA;
}
/* Tab-Navigations in input forms*/
/*
form div.form-tab-navigation {
 float: left;
 width: 589px;
 line-height: normal;
 /*background-color: transparent;
 /*
 border-left: 1px solid #a3a3a3;
 border-right: 1px solid #a3a3a3;
 */
 /*padding: 0;
 margin: 0;
 border-right: 0px solid #a3a3a3;
 border-left: 0px solid #a3a3a3; 
 border-top: 0px solid #a3a3a3;
 border-bottom: 0px solid #a3a3a3;
}
div.form-tab-navigation ul {
 float: left;
 display: inline;
 width: 100%;
}
div.form-tab-navigation ul li {
 float: left;
 display: inline;
 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;
}
*/
/* output messages for info, waring, error and fatal level */
form.banking-list div.form-messages {
	/*empty*/
}

form div.form-messages {
 height: 100%;
 margin: 10px 0px;
 font-size: 12px !important;
}

form div.form-messages ul {
	
}
form div.form-messages ul li {
 display: list-item;
 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;
}

/* #1 BEGIN */
.inlineOther
{
	font-weight: bold  !important;
	color: #000000 !important;
	font-size: 12px;
	border-bottom: 0px solid silver !important;
}
.inlineOtherHR
{
	margin: -2px 0px 0px 0px;
	border-bottom: 1px solid #999999 !important;
	width: 100% !important;
	/*
	filter:alpha(opacity=10);
    opacity: 0.1;
    -moz-opacity:0.1;  
	*/
}
/* #1 END */

form.banking-list div.form-content {
 position: relative;
 padding: 0px;
 margin-bottom: 20px;
 height: 100%;
}

form.banking-list div.form-content2 {
 position: relative;
 margin: -10px 0px 0px 0px;
 /*padding: 12px 9px 9px 9px;*/
 padding: 12px 0px 9px 9px;
 height: 100%;
 border-right: 0px solid #EEE;
 border-left: 0px solid #EEE;
 border-bottom: 0px 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;
 color: #000000;
 padding-right: 19px;
}

/* 7# - BEGIN */
form.banking-list div.form-content label.first {
 font-weight: normal !important;
 color: #000000 !important;
 padding-right: 19px;
}
/* 7# - BEGIN */
form.banking-list div.form-button-navigation {
 border-width: 1px 0px 0px 0px;
 background-color: transparent;
}
form.form-banking div.right2cols {
 border-left: none;
}
/* previous, cancel and next button for bankings forms */
form div.form-button-navigation {
 /*background: #d6d6d6;*/
 background: transparent;
 /*padding: 6px 9px 3px 9px;*/ 	/*41 old padding backup*/
 padding: 9px 0px 3px 0px;     	/*41 padding l-r removed*/
 margin: 0;
 margin-top: 9px; 				/*41 margin-top added*/
 border: 0px solid #a3a3a3;
 border-width: 1px 0px 0px 0px;
}
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 input.print {
 color: #a3a3a3;
 float: left;
 width: 14px;
 height: 14px;
 border: 0px;
 background: url(../../img/app/print.gif);
 background-position: 50% 50%;
 background-repeat: no-repeat;
 background-color: transparent;
 cursor: pointer;
}
form div.form-button-navigation div.print {
 display: inline;
 padding-top: 3px;
 color: #a3a3a3;
 float: left;
 text-align: left;
 cursor: pointer;
}


/* * * * * * * * * * * * * * * * * * * * previous * * * * * * * * * * * * * * * * * * * * */

form div.form-button-navigation div.previous {
	background-color: #a3a3a3;
	margin: 0px;
	padding: 0px 8px 0px 0px;
	text-align: center;
	cursor: pointer;
	float: left;
    margin-right: 20px;
}

form div.form-button-navigation div.previous label {
	font-size: 12px;
	line-height: 24px;
	color: #ffffff !important;
	float: right;
	cursor: pointer;
}

form div.form-button-navigation div.previous input {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	background-color: #a3a3a3;
	background-image: url(../../img/app/navi_prev.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

/* * * * * * * * * * * * * * * * * * * * next * * * * * * * * * * * * * * * * * * * * * * */

form div.form-button-navigation div.next,
form div.form-button-navigation-absolute div.next {
	background-color: #cc0000 ;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	text-align: center;
	cursor: pointer;
	float: right;
}

form div.form-button-navigation div.next label,
form div.form-button-navigation-absolute div.next label {
	font-size: 12px;
	line-height: 24px;	
	color: #ffffff !important;
	cursor: pointer;
}

form div.form-button-navigation div.next input,
form div.form-button-navigation-absolute div.next input {
	padding: 0px; 
	margin: 0px;
	border-width: 0px;	
	background-color: #cc0000;
	background-image: url("/etc/designs/hypovereinsbank/img/app/navi_next.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

/* * * * * * * * * * * * * * * * * * * * cancel * * * * * * * * * * * * * * * * * * * * * * */

form div.form-button-navigation div.cancel,
form div.form-button-navigation-absolute div.cancel {
 background-color: #a3a3a3;
 margin: 0px;
 padding: 0px 8px 0px 0px;
 text-align: center;
 cursor: pointer;
 float: left;
 margin-right: 20px;
}

form div.form-button-navigation div.cancel label,
form div.form-button-navigation-absolute div.cancel label {
 font-size: 12px;
 line-height: 24px;
 color: #ffffff !important;
 cursor: pointer;
 float: right;
}
div.form-button-navigation div.cancel input,
div.form-button-navigation-absolute div.cancel input {
	padding: 0px; 
	margin: 0px;
	border-width: 0px;	
	background-color: #a3a3a3;
	background-image: url(../../img/app/navi_x.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
} 
form div.form-field {
 display: inline;
 float: left;
}
div.form-container {
 margin: 16px 16px 16px 16px;
}

/* Tab navigation of all banking forms */
form.form-banking div.form-tab-navigation p {
 margin: 0;
 padding: 3px 20px 3px 9px;
 line-height: normal;
 color: #A3A3A3;
 /*background-image: url(img/ico/form-tab-navigation-right.gif);*/
 background-color: #D6D6D6;
 background-position: right 50%;
 background-repeat: no-repeat;
 border: 0px;
 display: table-cell;
 vertical-align: middle;
}

form.form-banking div.form-tab-navigation p.done {
 background-color: #FFFFFF;
 color: #000000; /*changed 2006-03-21 color: #E4502A;*/
 border-top:  1px solid #a3a3a3;
 border-left:  0px solid #a3a3a3;
 border-bottom:  1px solid #a3a3a3;
}


/* 

- 41 -

arrows.png

top:

0px: active last
-30px: inactive last
-60px: active next inactive
-90px: inactive next inactive
-120px: inactive next active

*/

form.form-banking div.form-tab-navigation p.doneProduct {
 color: #000000;
 font-size: 16px;
 line-height: 24px;
 background-color: #ffffff;
 background-image: url(../../img/app/arrows.png);
 background-position: right -30px;
 padding-right: 32px;
}

form.form-banking div.form-tab-navigation p.todoProduct {
 color: #000000;
 font-size: 16px;
 line-height: 24px;
 background-color: #ffffff;
 background-image: url(../../img/app/arrows.png);
 background-position: right -90px;
 padding-right: 32px;
}

form.form-banking div.form-tab-navigation p.active {
 color: #000000;
 font-size: 16px;
 line-height: 24px;
 background-color: #ffffff;
 background-image: url(../../img/app/arrows.png);
 background-position: right -60px;
 padding-right: 32px;
}

form.form-banking div.form-tab-navigation p.first{
 border-left: solid 1px #a3a3a3;
}

form.form-banking div.form-tab-navigation p.doneProduct.first{
 border-left: solid 1px #a3a3a3;
}

form.form-banking div.form-tab-navigation p.doneProduct.nextActive{
 background-position: right -120px;
}

form.form-banking div.form-tab-navigation p.doneProduct.nextInactive{
 background-position: right -90px;
}

form.form-banking div.form-tab-navigation p.active.first{
 border-left: solid 1px #4077b2;
}

/*form.form-banking div.form-tab-navigation p.doneProduct {
 background-position: right -30px;
}*/

form.form-banking div.form-tab-navigation p.todoProduct.last{
 background-position: right -30px;
}

form.form-banking div.form-tab-navigation p.active.last{
 background-position: right 0px;
}


/* 14# - BEGIN */
img#lastObject
{
	height:27px;
}
/* 14# - BEGIN */

/* banking forms */
form.form-banking {
 /*width: 589px;*/
}

form.form-banking div.form-content {
 /*border-top:  1px solid #a3a3a3;*/
 border-top:  0px solid #a3a3a3;

}
form.form-banking div.form-tab-navigation {
 padding: 0;
 margin: 0;
 /*
 background-color: #D6D6D6;
 */
 background-color: transparent;
 background-image: none;
 border-top: 0px solid #A3A3A3;
 border-bottom: 0px solid #a3a3a3;
 border-left: 0px solid #a3a3a3;
 border-right: 0px solid #a3a3a3;
}
form.form-banking div.form-messages {
 /* - 41 -
 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;*/
 width: 155px;
 font-weight: bold !important;
}
form p.value {
 width: 400px;
}

/* rightlink */

a.rightlink,
input.rightlink {
	background-image: url(../../img/global/linkArrowRightBlue2.png);
	background-position: left 4px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none !important;
	text-align: left;	
	color: #3f77b2 !important;
	border: none;
	padding: 0px 0px 0px 8px;
 	cursor: pointer;

}

.rightlink.bluelink {
	color: #3f77b2 !important;	
	background-position: left 3px;
	font-weight: normal !important;
	background-color: transparent;
}

input.download {
 text-align: right;
 border: medium none;
 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
}


/* 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;
 }
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;
 opacity: 1;
 -moz-opacity:1;  
}

form.form-banking input.day,
form.banking input.day {
 width: 20px;
 border: 1px solid #a3a3a3 !important;
 color: #000000;
}

form.form-banking input.month,
form.banking input.month {
 width: 20px;
 border: 1px solid #a3a3a3 !important;
 color: #000000;
}

form.form-banking input.year,
form.banking input.year {
 width: 30px;
 border: 1px solid #a3a3a3 !important;
 color: #000000;
}

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;
}
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;*/
 background-color: #ffffff;
 /*border-top: 3px solid #4077b2;*/
 font-size: 12px;
 display: inline block;
 vertical-align: center;
 float: left;
 /*width: 100%;*/
}
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 {
 text-transform: uppercase;  
}
form.banking div.form-button-navigation div.print input {
 text-transform: uppercase;  
}
form.banking div.form-button-navigation div.previous input {
 text-transform: uppercase;
}
.negative-balance {
 color: red !important;
}

/* infoboxes */

a.infobox {
 padding-left: 5px;
 cursor: pointer;
 filter:alpha(opacity=100);
 opacity: 1;
 -moz-opacity:1;
 float: right;
 margin-top: -2px;
 background-color: #ffffff;
}

a.infobox.plain {
	float: none;
	margin-top: 1px;
	padding-left: 0px;
}

a.infobox img{
	vertical-align: middle;
}
table#infoboxTable
{
	margin: -10px 0px 0px -5px;
}
.blank
{
	color: transparent;
	width: 5px;
}
/* 4# - END */

/* account management header */
div.menu-navigation {
 /*padding: 12px 9px 9px;*/
  padding: -10px 9px 9px;
 /*background-color: #a3a3a3;*/
 background-color: transparent;
 /*
 border-left: 0px solid #EEE;
 border-right: 0px solid #EEE;
 */
 border-top: 1px solid #999999 ;
 border-bottom: 0px solid #999999 ;
 }
form.login {
 width: auto;
 background-color: #a3a3a3;
 margin-bottom: 12px;
}
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;

}
  
div.menu-navigation div.form-messages {
 border-top: 1px solid #a3a3a3;
 background-color: #fff;
}

/**************************************************/
/* Special cases for startpage.jsp */
/**************************************************/
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 3px;
 /*background-color: #FF6600;
 color: #FFFFFF;*/
 background-color: #f3f8fe;
 color: #4077b2;
}
div.messageheader p{
 /*color: #FFFFFF;*/
 color: #4077b2;
 /*font-weight: bold;*/
 font-size: 18px;
}
div.messagetext {
 padding: 5px 9px 5px 9px;
 /*border-bottom: 1px solid lightgrey;*/ 
}
div.messagetext div.links{
 padding: 10px 0px 5px 0px;
 text-align: right;
}


/*****************************************************/
/* account management navigation (account selection) */
/*****************************************************/
div.menu-navigation  a.link {
 color: #fff !important;
 text-decoration: none !important;
}
div.menu-navigation a.rightlink, 
div.menu-navigation input.rightlink {
 color: #fff !important;
 text-decoration: none !important;
 background-position: 19px 4px;
 background-repeat: no-repeat;
 cursor: pointer; 
 padding-left:30px; 
 padding-right:16px; 
 padding-top:0; 
 padding-bottom:0;
}
input.rightlink:hover,
a.rightlink:hover {
  /*color:#E2001A !important;*/
  text-decoration: underline !important;
} 
div.menu-navigation ul {     
  margin-top: 10px;    
}
div.menu-navigation ul li {
  margin-right: 10px;          
  list-style: none;
  float: left;  
  position: relative;
}
div.menu-navigation ul li ul {
  margin: 0; 
  padding: 0;
  position: absolute; 
  display: none;
}
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-color: white;
}
div.menu-navigation ul li ul li a {
  width: 170px; 
  margin-right: -10px;
  background: none;
  background-color: white;
}  

/* style classes for tables in all banking pages */
.banking-table {
 border-left: 0px solid #EEEEEE;
 border-right: 0px solid #EEEEEE;
}

.banking-table table {
 border-collapse: collapse;
 border: px solid #A3A3A3;
 width: 100%;
}
.banking-table a {
 border-color: 0px solid #000000;
 font-weight: bold !important;
 background-color: transparent;
 color: #000000  !important;
 margin: 0;
 text-decoration : none;
}
.banking-table tbody tr {
 
}
.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: 0px solid grey;
 background-color: transparent !important;

}
.banking-table thead th {
 font-weight: normal;
}
.banking-table th,
.banking-table td {
 /*padding: 3px 0px 3px 3px;*/
 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 {
}
.banking-table th .title {
 float: left;
 width: 50%;
 text-align: left;
 font-weight: bold;
 padding-top: 10px;
 margin-bottom: 20px;
}
.banking-table .scroller {
 float: right;
 width: 40%;
 text-align: right;
 /*padding-right: 9px;*/
 margin-bottom: 20px;
 border-top: solid 1px #cbcbcb;
 padding-top: 10px;
}
.banking-table .scroller a {
 text-decoration: none !important; 
}
.banking-table .scroller span a{
 padding-left: 6px;
 font-weight: normal !important;
}
.banking-table .scroller span.active a{
 font-weight: bold !important;
 color: #3F77B2 !important;
}
.banking-table h3,
.banking-table h3 .first {
 padding-bottom: 0px;
}
.banking-table table tr.odd td {
    background-color: white;
    /*background-color: #f0f0f0;*/
    /*padding: 4px 2px;*/
    height: 30px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.banking-table table tr.odd {
	/*background-color: #f0f0f0;*/
	background-color: white;
}


.banking-table table tr.even td {
    /*background-color: #ECF1F7;*/
    background-color: #f0f0f0;
    /*padding: 4px 2px;*/
    height: 30px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.banking-table table tr.even {
	background-color: #f0f0f0;	
}

.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-image: url(../../img/global/linkArrowRightBlue2.png);
	background-position: left 4px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none !important;
	text-align: left;	
	color: #3f77b2 !important;
	border: none;
	padding: 0px 0px 0px 8px;
 	cursor: pointer;
	color: #3f77b2 !important;	
	background-position: left 3px;
	font-weight: normal !important;
 
}

.banking-table table td a.noline.warning{
 color: red !important;
 font-weight: bold;
}
.banking-table table td a.noline:hover {
 /*color:#F10020 !important;*/
 text-decoration: underline !important;
 /*padding: 2px 15px 0 10px;*/
 /*line-height: 17px !important; */
}
.banking-table table table tr td {
 padding-left: 0px;
} 
.banking-table table table tbody tr {
 border-bottom: 0px;  
}
/* #2 - BEGIN */
table#konto
{
	border-collapse: collapse;
	position: relative;
	margin: 0px 0px 0px 0px;
}
table#konto tr
{
	background-color: rgb(226,239,255); !important;
}
table#konto td
{
    text-align: left;
	font-weight: bold  !important;
	width: 1200px;
	/*padding: 5px 5px 5px 10px;*/
}
table#konto td.kontoRight
{
    text-align: right;
	font-weight: bold  !important;
}
/* #2 - END */

/* renamed highlight to hghlght */
.hghlght {
    background-color: #F0F0F0;
    padding: 10px 0px;
    margin: 20px 0px !important;
}

/* renamed highlight to hghlght */
.hghlght p {
    font-weight: bold;
}

.form-content select,
.form-content input[type='text'] {
    margin-right: 5px;
}

.banking-table table th, 
.banking-table table td{
	border: none;
}

.banking-table table th:first-child, 
.banking-table table td:first-child {
    text-align: left;
}

.negbal {
  color: red !important;
  font-weight: bold;
}

.posbal {
  font-weight: bold !important;
}

.bankinghr {
    background: none;
    border-bottom: 1px solid #CBCBCB;
    height:0;
    margin-top: 3px;
    margin-bottom: 3px;
}

/* 41 */


.sub.green {
	color: #52A421 !important;
}

.first.sectionHeader {
	font-size: 24px;	
	font-weight: bold;
	margin: 5px 0px;
}

h1.sectionHeader {
	color: #333;
	font-size: 16px;	
}

.summaryTable.headerArea,
.summaryTable.headerArea a{
	border-bottom: solid 1px #c5d6e7;	
}


div.form-content table {
	margin-bottom: 0px;	
}

div.form-content table tr td {
	border: none !important;
	text-align: left;
	width: 0%;
	/*padding: 2px 0px 10px;*/
	margin: 0px;
}
	
div.form-content table tr td input{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

input.checkbox{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;	
}
input.radio{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;	
}

.infobox.right {
	padding-right: 0px !important;
	float: left !important;
}

.weiter-rot{
	float: right;
	 padding: 5px 19px 3px 6px;
	 border: none;
	 color: white;
	 font-weight: bold;
	 background-image: url(../../img/app/ic_nxt.png);
	 background-position: right 50%;
	 background-repeat: no-repeat;
	 cursor: pointer;
	 background-color: #CC0000;
	 filter:alpha(opacity=100);
	 opacity: 1;
	 -moz-opacity:1; 
}

.abbrechen-grau{
	 padding:5px 6px 3px 19px;
	 border: none;
	 color: white;
	 font-weight: bold;
	 background-image: url(../../img/app/ic_x.png);
	 background-position: left;
	 background-repeat: no-repeat;
	 cursor: pointer;
	 background-color: #cccccc;
	 filter:alpha(opacity=100);
	 opacity: 1;
	 -moz-opacity:1; 
}

.weiter-grau{
	 padding:5px 6px 3px 19px;
	 border: none;
	 color: white;
	 font-weight: bold;
	 background-image: url(../../img/app/ic_nxt.png);
	 background-position: left;
	 background-repeat: no-repeat;
	 cursor: pointer;
	 background-color: #cccccc;
	 filter:alpha(opacity=100);
	 opacity: 1;
	 -moz-opacity:1; 
}

.form-content .padAdd {
	padding: 10px !important;	
	background-color: blue;
}

.infobox-gray {
	padding-left: 5px;
 	cursor: pointer;
 	filter:alpha(opacity=100);
 	opacity: 1;
 	-moz-opacity:1;
 	float: right;
 	margin-top: -2px;
 	background-color: #ffffff;
}

.submitCont input {
	border-width: 0px;	
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1; 
}

.tableHeader{
	font-weight: bold;
}

td.radioButtons fieldset.inline p {
	margin-right: 6px;
}

td.radioButtons fieldset.inline p label {
	padding-left: 4px;
	font-weight: normal !important;
}

td.radioButtons fieldset.inline p input {
	border: 1px solid #a3a3a3;
 	color: #000000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

/*
.tabView{
	color: red !important;
}
	
	
.tabView.active{
	color: green !important;
	font-weight: bold;
}
*/

ul.tab-nav {
	display: inline-block;
	width: 100%;
	border-bottom: solid 1px #cbcbcb;
}

ul.tab-nav li{
	display: inline-block;
}

ul.tab-nav li input{
	border-width: 1px 1px 0px 1px;
	border-color: #dcdcdc;
	filter:alpha(opacity=100);
 	opacity: 1;
 	-moz-opacity:1;
}

ul.tab-nav li.active input{
	border-width: 1px 1px 0px 1px;
	border-color: #a3a3a3;
	filter:alpha(opacity=100);
 	opacity: 1;
 	-moz-opacity:1;
 	font-weight: bold;
 	color: #3f77b2 !important;
}

.font11 {
	font-size: 11px !important;	
}

.font12{
	font-size: 12px !important;
}

.font14{
	font-size: 14px !important;	
}

.font16{
	font-size: 16px !important;	
}

.marginL10{
	margin-left: 10px !important;	
}

.marginR10{
	margin-right: 10px !important;	
}

.marginB10{
	margin-bottom: 10px !important;
}

.marginT10{
	margin-top: 10px !important;	
}

.marginL18{
	margin-left: 18px;	
}

.borderTB{
	border-top: solid 1px #c5d6e7 !important;	
}

/* ex removeRight */
.marginR0{
	margin-right: 0px !important;
}

/* ex removeTop */
.marginT0{
	margin-top: 0px !important;	
}

/* ex removeBottom */
.marginB0{
	margin-bottom: 0px !important;	
}

/* ex removeLeft */
.marginL0{
	margin-left: 0px !important;
}

.removeRight{
	margin-right: 0px !important;
	padding-right: 0px !important;
}

.removeTop{
	margin-top: 0px !important;	
	padding-top: 0px !important;
}

.removeBottom{
	margin-bottom: 0px !important;	
	padding-bottom: 0px !important;
}

.removeLeft{
	margin-left: 0px !important;
	padding-left: 0px !important;
}

/* login form */

form.form-login div.form-content{
	width: 695px;	
	margin: 16px 0px;
}

form.form-login input.submit {
	background-color: #e2001a;
	border: solid 1px #e2001a;
	font-weight: normal;
	opacity: 1;
	color: #ffffff;
	padding: 1px 8px;
	margin-top: 23px;
	margin-left: 5px;
}

/* startseite */

.gray {
	color: #333333 !important;	
}

.lightgray {
	color: #a0a0a0 !important;
}

.black {
	color: #000000 !important;	
}


/* Kontoumsaetze */

p.normal label{
	font-weight: normal !important;
}

/* TAN */

div.form-content.header{
	font-size: 12px !important;
	float: right;
	margin-top: 11px;
	margin-right: 0px;
	padding-right: 0px;
}

div.form-content.header input{
	margin-right: 0px;
	padding-right: 0px;
}

.tan.txt {
	font-size: 20px;	
	padding: 0px 12px;
	color: #333333;
	padding-top: 3px;
}

div.spacer.blue {
	border-bottom: solid 3px #4077b2;
	margin: 10px 0px;
	width: 100%;
	}
	
	
/* form labels */

label.normal{
	font-weight: normal !important;	
}

div.force.normal label{
	font-weight: normal !important;
}

label.top{
	line-height: 24px;
}


/* sections, paragraphs, areas */

h1.section.name,
p.section.name {
	padding: 0px;	/* reset current settings */
	margin: 0px;	/* reset current settings */
	margin-bottom: 20px; /* 45px */
	font-size: 24px;
	color: #000000;
}

h2.paragraph.name,
p.paragraph.name {
	padding: 0px;	/* reset current settings */
	margin: 0px;	/* reset current settings */
	margin-bottom: 20px;
	border-bottom: solid 1px #cbcbcb;	
	font-size: 18px;
	color: #000000;	
}

h2.paragraph.name.startsite {
	/*border-bottom: none !important; /* uncomment for alternative version */
}

h3.area.name,
p.area.name {
	padding: 0px;	/* reset current settings */
	margin: 0px;	/* reset current settings */
	margin-bottom: 20px;
	border-bottom: solid 1px #cbcbcb;	
	font-size: 14px;
	color: #515151 !important;	
}

h4.question,
p.question {
	padding: 0px;	/* reset current settings */
	margin: 0px;	/* reset current settings */
	margin-bottom: 20px;
	border-bottom: solid 1px #cbcbcb;	
	font-size: 12px;
	color: #515151;	
}

p.paragraph.text {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;	
}

.noborder {
	border: none !important;	
}

/* */

p.main.link {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;	
}

hr.section.spacer{
	background-image: url("/etc/designs/hypovereinsbank/img/global/bg_hr.png");
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	height: 2px;
	margin-bottom: 20px;
	width: 100%;	
}

hr.section.spacer.startsite{
	display: none; /* comment for alternative version */
}

/* tables */

.table.header,
.table.header a {
	border-bottom: solid 1px #c5d6e7;
	font-weight: bold;	
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.table.header.noborder,
.table.header.noborder a {
	border-bottom: none !important;
	font-weight: bold;	
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.table.header table {
	margin-bottom: 0px;	
}

.table.body{
	border-top: solid 1px #c5d6e7;
}

.table.row{
	margin: 0px;
	padding: 0px;	
}

.table.row tbody tr td{
	vertical-align: middle;	
}

/* form-content */

form div.form-content {
 padding: 0px;
 margin-bottom: 20px;
 height: 100%;
 font-size: 12px !important;
}

form div.form-content.inline {		/* a placeholder for fieldsets */
 padding: 0px;
 margin-bottom: 10px;
 height: 100%;
}

.inline {
	margin-bottom: 10px !important;	
}

.form-content table tr td {
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px !important;	
}

/* form-tab-navigation */

div.form-tab-navigation {
 float: left;
 width: 730px;
 background-color: #ffffff;
 padding: 0px;
 margin: 0px;
 margin-bottom: 20px !important;
}

div.form-tab-navigation ul {
 float: left;
 display: inline;
 width: 100%;
}
div.form-tab-navigation ul li {
 float: left;
 display: inline;
 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;
}

/* form inputs */

form select {
 font-weight: normal !important;
 border: 1px solid #a3a3a3;
 color: #000000;
 padding: 1px;
 text-align: left;
 cursor: pointer;
}

.form-radio {
	padding: 0px !important;
	margin: 0px !important;
}

.form-list ul li{
	list-style-type: disc;
	margin: 0px 0px 5px 16px;
}

table.form-table {
	border: none;	
}

table.form-table th a{
	color: #333333 !important;	
}

table.form-table th,
table.form-table td {
	width: auto !important;
	padding: 0px;
	vertical-align: top;
	border: 0px !important;
}

table.form-table tr td {
	border: none;
}

table.form-table tr.even {
	background-color: #f0f0f0;
}

table.form-table tr.even td{
	background-color: #f0f0f0;
	height: 30px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

table.form-table tr.odd {
	background-color: white;
}

table.form-table tr.odd td{
	background-color: white;
	height: 30px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

table.form-table.reset th,
table.form-table.reset td {
	width: 10% !important;
	padding: 0px;
	vertical-align: top;
	border: 0px !important;
}

.rightlink.bluelink.pad {
	color: #3f77b2 !important;	
	background-position: left 3px;
	font-weight: normal !important;
	display: inline-block;
	padding-left: 10px;
}

.mediumT {
	width: 210px;	
}

.wideT{
	width: 280px;	
}

p.vim{
	font-weight: bold;
	border-bottom: solid 1px #e2001a;
}

.hvb_sec_lcol {
	width: 25% !important;
}
.hvb_sec_rcol {
	width: 75% !important;
}

div.list ul li
{
 font-size: 12px;
 line-height: 14px;
 padding: 4px 0 0 12px;
 background: url(/etc/designs/hypovereinsbank/img/app/icon-star-f60.gif) no-repeat;
 background-position: 0 9px;
}

/*UV00041 info popup solution*/

div.hvbdb41_info_container {
	text-align:center; 
	position:relative;
	width: 15px; 
	height: 15px;
	oveflow: hidden;
	left: 0px;
	z-index:1000 !important;	
}

img.hvbdb41_info_img {
	cursor: pointer;
}

div.hvbdb41_info_popup {
	background-color: white !important; 
	visibility: hidden;
	margin-right:20px;	
	margin-left: -800px;
}

/* UV00041 info popup solution end */

/* UV00041 tables coloring */

/* dark gray */

.hvbdb41_dg tr {
	background-color: #e7e7e7 !important;	
}
.hvbdb41_dg td {
	border: solid 1px #c5d6e7 !important;	
	border-width: 0px 1px 1px 0px !important;
}
.hvbdb41_dg td:first-child {
	border-width: 0px 0px 1px 1px !important;
}