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

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; line-height: normal; padding: 6px 0 7px 0; color: #039; }
h2, h2 a { color: #333; }
h3, h3 a { color: #039; }

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

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; }

acronym, abbr { border: none; font-style: normal; text-transform: none; }
h2 acronym, h2 abbr, h3 acronym, h3 abbr { font-weight: bold; color: inherit; }

strong { font-weight: bold !important; }

span, sup { color: inherit; }
sup {	font-size: 80%; }
.nowrap, .balance { white-space: nowrap !important; }
#logoContainer, .balance { text-align: right; }
.disabled { color: #999; }
.value { color: #999; }
.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: #f1f4f9; }
#headerContainer { background: #f1f4f9 url(../img/bgHeader.png) left top repeat-x; border-bottom: 1px solid #FFF; }
#headerContainer p, #footerContainer p { margin: 0; padding: 2px 9px 2px 8px; }
#headerContainer .metaNav { display: none; }
#footerContainer { border-top: 1px solid #FFF; }
#customerNumberContainer { background: transparent; color: #039; }
#customerNumberContainer, #customerNumberContainer * { text-decoration: none; font-size: 10px; text-shadow: #fff 0px 1px 1px; }
.metaNav { padding-bottom: 4px !important; color: #039; }
#logoContainer { padding: 8px 8px 0 0 !important; }
#logoContainer img { vertical-align: bottom; }

/* Content */

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

/* Page navigation and search results */

.pageNavContainer { padding: 2px 6px; margin: 0; background: #bed0e6 url(../img/bgTH.png) right top no-repeat; }
.pageNavContainer p, .pageNavContainer strong { margin: 0; color: #333; }
.searchResults { border-top: 1px solid #b5c9e3; margin: 0; }
.searchResults p { padding: 4px; margin: 0; border-bottom: 1px solid #b5c9e3; }
.searchResults p:nth-child(odd) { background-color: #F1F5FA; }

/* Tables */

table { margin-top: 4px; }
table, .roll { width: 100%; }
table th, table td { padding: 3px 4px; line-height: 140%; vertical-align: bottom; text-align: left; }
table th { color: #039; border-left: 1px solid #FFF; background: #bed0e6 url(../img/bgTH.png) right top no-repeat; font-weight: bold; text-shadow: #fff 0px 1px 1px; }
table th:first-child { border-left: none; }
table td { word-break: break-all; word-wrap: break-word; color: #666; border-bottom: 1px solid #b5c9e3; }
table.vTop th, table.vTop td { vertical-align: top; }
tr.closingRow td { padding-bottom: 20px; background: #FFF url(../img/bgTD.png) left bottom repeat-x; 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 #CECECE; border-left-color: #999; border-top-color: #999; -webkit-border-radius: 0; color: #333; width: 80%; padding: 4px; background: #FFF; }
.chkInput, .rdoInput { margin: 1px 8px 0 1px; width: 20px !important; height: 20px !important; vertical-align: baseline; background: transparent; border: 2px solid #999 !important; -webkit-border-radius: 0px; }
.rdoInput { border: none !important; background: #666; -webkit-border-radius: 10px; }

input.button, input.close { font-size: 11px;	font-weight: bold; color: #039; text-shadow: 0px 1px 1px #FFF; margin-top: 4px; padding: 0; width: auto !important; line-height: 34px; background: #FFF url(../img/btNormal.png) left bottom repeat-x; border: 1px solid #e3e3e3; border-right-color: #c0c0c0; border-bottom-color: #c0c0c0; -webkit-border-radius: 0; }
input.close { background: #F00 url(../img/btClose.png) left center repeat-x; color: #FFF; text-shadow: 0px 1px 1px #F00; }
input.search { margin-bottom: 4px; vertical-align: bottom; }
select {	width: 84%; line-height: 32px; 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: 12px; }
.advice h3 { color: #333; }
.errorMsg, .backendErrorMsg h3 { color: #F00; }
.errorMsg { display: block; font-size: 10px; padding: 2px 0; 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; }
.advice img { border-color: #039; border-width: 2px; margin-bottom: 2px; }
.warning img { border-color: #F29400; }

/* Footer */

#footerContainer * { color: #f1f4f9; 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: 1%;
	height: 42px;
	margin: 4px 4px 0 0;
	padding: 13px 8px 0 8px;
	color: #039 !important;
	text-shadow: #FFF 0px -1px 1px;
	-webkit-border-radius: 0;
	border: 1px solid;
	border-color: #b5c9e3 #809eca #809eca #b5c9e3;
	background: #b5c9e3 url(../img/btFooter.png) left top repeat-x;
}

#footerContainer a.logout {
	float: right;
	color: #FFF !important;
	margin-right: 0;
	background: #F00 url(../img/btLogout.png);
	border-color: #F66 #900 #900 #F66;
	text-shadow: #F00 0px -1px 1px;
}

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

#footerContainer a[href$='meine.deutsche-bank.de/mobil'],
#footerContainer a[href$='/trxm/mobile/init.do'],
#footerContainer a[href$='/trxm/mobile/gvo/login/login.input.do'] {
	width: 100px;
	padding-top: 6px;
}