* { margin: 0; padding: 0; font: 11px arial, helvetica, sans-serif; color: #333; line-height: 150%; }

body { -webkit-text-size-adjust: 140%; }

h1, h2, h3 { padding: 4px 0; font-weight: bold; line-height: 140%; }
h1 a, h2 a, h3 a { font-weight: bold; text-decoration: none; }
h1, h1 a { font-size: 13px; color: #039; }
h2, h2 a { color: #333; }
h3, h3 a { color: #039; }

p, ul, div, table { margin-bottom: 4px; }

ul { border-bottom: 1px solid #CCC;	margin: 6px 0 8px 0; }
li { list-style: none; background: none; padding-left: 0; }
li a { display: block; font-weight: bold; text-decoration: none; padding: 6px; background: #FFF url(../img/arLI.gif) right top no-repeat; border-top: 1px solid #CCC; }
li a:hover { color: #FFF; background-position: right bottom; background-color: #039; -webkit-opacity: 0.8; }

a { color: #039; }
a, em, .pageNavContainer .disabled { text-decoration: underline; }
a img, img, .searchResults p.lastElement { border: none; }

strong { font-weight: bold !important; }

span, sup { color: inherit; }
.nowrap, .balance { white-space: nowrap !important; }
#logoContainer, .balance { text-align: right; }
.disabled { color: #999; }
.value { color: #858585; }
.pos { color: #2E8B57 !important; }
.neg, #logout a, .logout { color: #F00 !important; }
#logout { margin-top: 22px; }
#logout a:hover { color: #FFF !important; background-color: #F00; }

/* Header and footer */

#headerContainer, #footerContainer { margin: 0; background: #d1dded; }
#headerContainer p, #footerContainer p { margin: 0; padding: 2px 9px 2px 8px; }
#headerContainer .metaNav { display: none; }
#footerContainer { border-top: 1px solid #FFF; }
#customerNumberContainer { background: #E0E8F3; color: #039; border-top: 1px solid #FFF; }
#customerNumberContainer, #customerNumberContainer * { text-decoration: none; font-size: 10px; text-shadow: #fff 0px 1px 1px; }
.metaNav { padding-bottom: 4px !important; color: #039; }
#logoContainer { padding: 8px 9px 9px 0 !important; }

/* Content */

#contentContainer { margin: 0; padding: 6px 9px 12px 8px; border-bottom: 4px solid #E0E8F3; }

/* Page navigation and Search results */

.pageNavContainer { padding: 2px 6px; background: #CFDAEB; }
.pageNavContainer p { margin-bottom: 0; color: #333; }
.searchResults { margin: 10px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.searchResults p { padding: 2px 4px; margin-bottom: 0; border-bottom: 1px solid #CCC; }

/* Tables */

table { margin-top: 4px; }
table, .roll { width: 100%; }
table th, table td { padding: 2px 4px; line-height: 140%; vertical-align: bottom; text-align: left; }
table th { color: #039; background: #CFDAEB url(../img/bgTH.png) left center repeat-x; font-weight: bold; text-shadow: #fff 0px 1px 1px; }
table td { color: #666; border-bottom: 1px solid #CCC; padding: 4px; }
table.vTop th, table.vTop td { vertical-align: top; }
tr.closingRow td { padding-bottom: 8px; border-bottom: none; }
tr.total td { border-bottom: none; }
tr.totalClosingRow td { border-bottom-color: #666; }
tr.totalAmount td { border-bottom: 3px double #666; }
table.layout th, table.layout td { padding: 0; border: none; background: transparent; }
table.layout th { padding-bottom: 4px; }

/* Forms and input elements */

input, select, textarea { border: 2px solid #CCC; border-left-color: #999; border-top-color: #999; -webkit-border-radius: 7px; width: 80%; padding: 2px 4px; background: #FFF; }

.chkInput, .rdoInput { margin: 1px 8px 0 1px; width: 18px !important; height: 18px !important; vertical-align: baseline; background: transparent; border: 2px solid #999 !important; -webkit-border-radius: 0px; }
.rdoInput { border: none !important; background: #999; -webkit-border-radius: 9px; }

input.button, input.close { font-size: 11px;	font-weight: bold; color: #FFF; text-shadow: 0px -1px 1px #039; margin-top: 4px; padding: 0 0 1px 0; width: auto !important; line-height: 34px; background: #039 url(../img/btNormal.png) left center repeat-x; border: none; -webkit-border-radius: 8px; }
input.close { background: #F00 url(../img/btClose.png) left center repeat-x; text-shadow: 0px -1px 1px #F00; }

select {
	width: 85%;
	line-height: 26px;
	background: url(../img/bgSelect.png) right center no-repeat;
}

input, textarea { -wap-input-format: "*M"; }
.tanText { width: 70px; vertical-align: middle; -wap-input-format: "6N"; }
.wapBranch { -wap-input-format: "3N"; }
.wapAccount { -wap-input-format: "7N"; }
.wapSubAccount { -wap-input-format: "2N"; }
.wapBLZ { -wap-input-format: "8N"; }
.wapNum { -wap-input-format: "*N"; }

/* Advices, error and warning messages */

.advice { margin-top: 8px; }
.advice h3 { color: #333; }
.errorMsg, .backendErrorMsg h3 { color: #F00; }
.errorMsg { display: block; font-size: 9px; padding: 2px 4px; width: 83%; }
.warning, .warning strong, .warning h3 { color: #F29400; }
.advice img, .errorMsg img, .backendErrorMsg h3 img { vertical-align: text-bottom; margin-right: 4px; border: 2px solid red; -webkit-border-radius: 3px; }
.advice img { border-color: #039; border-width: 3px; }
.warning img { border-color: #F29400; }
.backendErrorMsg img  { border-width: 3px !important;	}

/* Footer */

#footerContainer * { color: #CFDAEB; height: 50px; }
#footerContainer br { display: none; }

#footerContainer a {
	display: table;
	font-size: 8px;
	text-decoration: none;
	text-align: center;
	line-height: normal;
	float: left;
	width: 45px;
	height: 43px;
	margin: 4px 4px 0 0;
	padding: 14px 6px 0px 6px;
	color: #FFF !important;
	-webkit-border-radius: 8px;
	background: #335cae url(../img/btFooter.png) left center repeat-x;
	text-shadow: #039 0px -1px 1px;
}

#footerContainer a.logout {
	float: right;
	margin-right: 0;
	background: #F33 url(../img/btLogout.png);
	text-shadow: #F00 0px -1px 1px;
}

#footerContainer a[href^='wtai://'], 
#footerContainer a[href^='tel:'],
#footerContainer a[href$='pu_help_ovv_rechtlhinweis.html'],
#footerContainer a[href$='pu_help_ovv_rechtlhinweis_demo.html'],
#footerContainer a[href$='pu_help_ovv_rechtlhinweis_portal.html'],
#footerContainer a.logout {
	padding-top: 9px;
}

/* Replacing the logo */
#logoContainer img { display: none; }
#logoContainer { background: url(../img/lgDBPBC.png) right top no-repeat; border-top: 8px solid #CFDAEB; border-right: 9px solid #CFDAEB;	height: 38px; }