@font-face{
	font-family: FrutigerRegular;
	src:url("../font/af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix");
	src:url("../font/af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix") format("eot"),url("../font/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff") format("woff"),url("../font/076311f8-a01b-4389-a5eb-334a62e62d45.ttf") format("truetype"),url("../font/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877") format("svg");	
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: FrutigerLight;
	src:url("../font/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix");
	src:url("../font/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix") format("eot"),url("../font/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff") format("woff"),url("../font/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf") format("truetype"),url("../font/3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: FrutigerLightIt;
	src:url("../font/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?#iefix");
	src:url("../font/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?#iefix") format("eot"),url("../font/8259f047-a5d2-40a0-a98c-1c24f0316b08.woff") format("woff"),url("../font/1078a920-3def-4194-ba69-46751fb9af38.ttf") format("truetype"),url("../font/4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3.svg#4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3") format("svg");
}

@font-face{
	font-family: FrutigerBold;
	src:url("../font/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix");
	src:url("../font/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix") format("eot"),url("../font/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff") format("woff"),url("../font/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf") format("truetype"),url("../font/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4") format("svg");
	font-weight:bold;
	font-style:normal;
}

@font-face{
	font-family: FrutigerBoldIta;
	src:url("../font/f334dc11-1de8-4ae2-9c2a-a1cfa665263b.eot?#iefix");
	src:url("../font/f334dc11-1de8-4ae2-9c2a-a1cfa665263b.eot?#iefix") format("eot"),url("../font/f74530f5-a39c-47e3-97d9-6821fc4df8c0.woff") format("woff"),url("../font/aa626e7f-57dd-4084-9486-3eeb921333c0.ttf") format("truetype"),url("../font/8f91ebb0-2b00-4a50-baa9-865a6502384e.svg#8f91ebb0-2b00-4a50-baa9-865a6502384e") format("svg");
}

@font-face{
	font-family: IconFont;
	src:url("../font/zurcher-kantonalbank.eot?#iefix");
	src:url("../font/zurcher-kantonalbank.eot?#iefix") format("eot"),url("../font/zurcher-kantonalbank.woff") format("woff"),url("../font/zurcher-kantonalbank.ttf") format("truetype"),url("../font/zurcher-kantonalbank.svg#zurcher-kantonalbank") format("svg");
}

div#content table.dataTable thead .sorting_asc::after {
    content: "q";
    display: inline-block;
    font-family: "IconFont";
    position: relative;
    right: -0.357143em;
    text-decoration: none;
    top: -0.0714286em;
}

div#content table.dataTable thead .sorting_desc::after {
    content: "p";
    display: inline-block;
    font-family: "IconFont";
    position: relative;
    right: -0.357143em;
    text-decoration: none;
    top: -0.0714286em;
}

div#content table.dataTable thead .sorting::after {
    content: "m";
    display: inline-block;
    font-family: "IconFont";
    position: relative;
    right: -0.357143em;
    text-decoration: none;
    top: -0.0714286em;
}

div#content table.dataTable thead > tr > th {
    font-family: "FrutigerBold";
    font-size: 1.07692em;
    padding: 0.357143em 0.285714em 0.142857em;    
    border-top: 1px solid #a9afb3 !important;
}

div#content table.dataTable thead > tr > th > span {
	font-family: "FrutigerBold";
    font-size: 1.07692em;
}

div#content table.dataTable {
    border-bottom: 1px solid #d2d7d9;
    padding-top: 22px;
}

div#files_length select, div#userlist_length select {
    margin-right: 8px;
    width: 6em;
}

div#content .dataTable > thead > tr > th {
    border-bottom: 0 none;
}

div#content .dataTable > thead > tr > th, div#content .dataTable > tbody > tr > th, div#content .dataTable > tfoot > tr > th, div#content .dataTable > thead > tr > td, div#content .dataTable > tfoot > tr > td {
    border-top: 0 none;
}

div#content .dataTable > tbody > tr > td {
    border-bottom: 1px solid #d2d7d9 important;
    border-top: 1px solid #d2d7d9 important;
    padding: 8px 4px;
}

.icons {
	background-repeat: no-repeat;
	/*width: 2em;*/
	height: 1.4em;
	position: relative;
	left: 40%;
	display: block;
	/*margin: 0 0 0 -.9375em;*/
}

.icon-tooltip {
	vertical-align: middle;
	margin-left: 6px;
	margin-bottom: 4px;
	cursor: default;
}

.icon-reload {
	background-image: url('../img/icons/icon-reload.png');
}

.icon-error {
	background-image: url('../img/icons/icon-onba-identykey-error.png');
}

.icon-success {
	background-image: url('../img/icons/icon-onba-identykey-confirm.png');
}

.icon-external-link {
	vertical-align: middle;
	padding-right: 4px;
}

.mod-tooltip {
	margin-left: 1px;
}

.icon-selected {
	margin-bottom: -4px;
}

.icon-link {
	vertical-align: middle;
}

.icon-download {
	background-image: url('../img/icons/icon-download.png');
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -119988px;
	overflow: hidden;
	width: 16px;
	height: 16px;
	text-align: left;
	vertical-align: text-top;
	margin-left: 0.38461538em;
	margin-right: 0;
}

.icon-download-text {
	margin-left: 10px;
}

.header .mainnav-dropdown ul > li .zkbicon {
    position: relative;
    top: 3px;
}

.header .mainnav ul > li span {
    position: relative;
    top: 0.0625em;
}

.zkbicon {
    background: rgba(0, 0, 0, 0) none no-repeat scroll center center;
    display: inline-block;
    height: 16px;
    margin-right: 0.384615em;
    overflow: hidden;
    text-align: left;
    text-indent: -119988px;
    vertical-align: text-top;
    width: 16px;
}


.zkbicon, legend span {
    background: rgba(0, 0, 0, 0) url("../img/icons/normal-s432e83e719.png") no-repeat scroll left top;
}

.zkbicon-reverse {
    margin-left: 0.384615em;
    margin-right: 0;
}

.zkbicon-arrow-mainnav {
    background-position: -16px -32px;
}

.icon-lock {
    background-position: 0 -352px;
    top: 0 !important;
}

html {
	position: relative;
	min-height: 100%;
	height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	height: 100%;
}

#background {
	background: url("images/bg-onba.jpg") repeat left top;
    width: 100%;
    height: 100%;
    display: table;
    top: 0px;
}

#passwordNew {
	width: 70%;
} 

#accountForm {
	width: 80%;
}

#generalForm {
	width: 95%;
}

div#page label.fileuploadlabel {
	margin-top: 4px;
	margin-bottom: 0px;
	color: #fff;
}

.btn-file {
	position: relative;
	height: 2.154em;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100%;
	text-align: right;
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
	/*height: 28px;*/
}

.progress-row {
	height: 25px;
}

#upload-progress-container {
	margin-bottom: 0;
	margin-top: 8px;
}

li.principal {
	color: #fff;
	padding-top: 11px;
	padding-bottom: 10.5px
}

li.subnav {
	display: inline;
	position: relative;
	float: left
}

.nav>li>ul.pf {
	position: relative;
	white-space: nowrap;
	left: 50%;
	display: none;
}

.nav>li:hover>ul {
	display: block;
}

.loginElements {
	float: right;
}

.tb-static-data {
	padding-bottom: 6px;
	padding-left: 11px;
}

.tb-static-data-span, .tb-static-data {
	font-family: FrutigerLight, sans-serif;
}

.tb-static-data a, .tb-static-data a:hover, .tb-static-data a:active,
	.tb-static-data a:focus {
	text-decoration: underline;
	font-size: 100%;
	color: #555555;
}

td.tb-clickable-cell {
	cursor: pointer;
}

.ui-dialog-content, .ui-dialog-buttonpane {
	font-size: 85%;
}

/* Customer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
	tt, var, dl, dt, dd, ol, ul, li, b, i, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 400;
	font-style: inherit;
	/*font-size: 100%;*/
	font-family: FrutigerRegular, sans-serif;
	vertical-align: baseline;
	color: #454a4d;
}

/* remember to define focus styles! */
/*:focus {outline:0;}*/
body {
	line-height: 1;
	color: #000;
	background: #fff;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

table {
	font-size: inherit;
	font: 100%;
}

a:active, a:focus {
	text-decoration: underline;
	color: #000;
}

a:focus img.image-button {
	background: #e5e5e5;
	border-color: #2e3233;
	color: #43464c;
}

a, a:hover {
	text-decoration: none;
}

html {
	min-height: 100%;
}

body {
	background: #FFFFFF;
	color: #000;
	text-align: center;
	position: relative;
	font: normal 400 95.6%/1.25em FrutigerRegular, sans-serif;
}

body.frame-content {
	background: #fff url(../img/background.gif) 50% 0 repeat-y;
}

body.frame-menu {
	background: none;
}

ul#skipLinks:focus, div#serviceArea h1:focus, form#searchform label:focus,
	.selected span:focus, span.hidden:focus, legend span:focus, .notitle .hd:focus
	{
	left: 0;
}

div#content {
	display: inline;
	padding-bottom: 45px;
}

div.jqdialog  div.row {
	text-align: left;
	padding-top: 12px;
	margin-left: 0px;
	margin-right: 0px;
}

/* hidden */
ul#skipLinks, div.breadcrumb h2, div#serviceArea h1, form#searchform label, label.hidden-label,
	.selected span, span.hidden, legend span, .hd, .hidden {
	display: block;
	position: absolute;
	left: -999em;
	float: left;
}

/* page */
div#page {
	width: 61.438em;
	text-align: left;
	margin: 0 auto;
	background: #fff;
	position: relative;
	height: auto;
	padding: 2%;
	overflow: hidden;
	margin: 4em auto 3.4em;
	-moz-box-shadow: 0 .125em .125em rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 .125em .125em rgba(0,0,0,0.15);
	box-shadow: 0 .125em .125em rgba(0,0,0,0.15);
}

div#pagearea {
	margin: 100px auto auto;
	padding-bottom: 30px;
	height: 100%;
	min-height: 100%;
	display: table-row;
}

/* header */
.l-header {
	margin: 15px auto;
	position: relative;
	width: 66.3em;
	height: 4em;
}

.header-content {
	margin-left: auto;
	margin-right: auto;
	width: 62.745em;
	padding: 0 !important;
}

.header-content .header-grid {
    width: 61.438em;
    display: inline;
	float: left;
	margin-left: .625em;
	margin-right: .625em;
	position: relative;
}

.header-text {
	font-size: 1.176em;
	border-left: 1px solid #fff;
	float: left;
	padding: 19px 0 0 45px;
	font-family: FrutigerLight;
}

.popup-header {
	margin-left: 15px;
}

.layout_header {
    box-shadow: 0 0 .25em rgba(0,0,0,.1);
    float: left;
	z-index: 6;
	width: 100%;
	background: #fff;
	position: relative;
}

/* Logo */
a#customerLogo {
	background-image: url('../img/logo-main.png');
	width: 12.7em;
	height: 2.941em;
	float: left;
	text-indent: -119988px;
	display: block;
	overflow: hidden;
	text-align: left;
	margin-top: 3px;
}

.layout_header .logo-main {
	font-size: 1em;
	padding: 1.5625em 0 0.5em;
	margin: 0;
	position: relative;
	z-index: 12;
	width: 12.76em;
}

.layout_header .logo-main a {
	background-image: url('../img/logo-main.png');
	width: 12.418em;
	height: 2.941em;
	float: left;
	text-indent: -119988px;
	display: block;
	overflow: hidden;
	text-align: left;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
}

/* meta navigation */
.meta-nav {
	position: absolute;
	right: 0;
	top: 3.15em;
	padding: 0 0 0.76923077em;
	margin: 0;
}

.meta-nav a, .meta-nav abbr  {
	color: #054696;
}

.logged-in {
	position: absolute;
	right: 0;
	top: 0.85714286em;
	color: #2d2f33;
	font-size: 0.875em;
}

div#topNav ul.top-nav-links li:first-child a{
	padding-left: 3px !important;
}

#globalNav {
    display: block;
    float: left;
    margin-right: 20px;
    -moz-margin-end: 0px;
}

#globalNav ul li:first-child {
    padding-left: 0;
    margin-left: 0;
    background: none;
    float: left;
	line-height: 1.5em;
}

#globalNav ul li {
    float: left;
    line-height: 1.5em;
    padding-left: 0.75em;
    margin-left: 0.75em;
    background: url("../img/icons/metanav-break.png") no-repeat left center;
}

#globalNav ul li a {
    font-size: 0.85em;
}

div#globalNav li.selected a {
	display: none;
}

.header-button-group {
	display: block;
	font-size: 0.8125em;
	position: relative;
	top: -0.15384615em;
	padding: 0;
	float: right;
}

.header-button-group .btn-header {
    margin-left: 0.38461538em;
}

.btn-header {
	color: white !important;
	border-color: #054696 !important;
	background-color: #054696;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NGRhMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0M2Y4YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	box-shadow: none;
	font: normal 400 1em/1.398em FrutigerRegular,sans-serif;
	text-decoration: none !important;
	padding: 0.38461538em 0.61538462em 0.30769231em;
	border: 0.07692308em solid #a8afb3;
	display: inline-block;
	vertical-align: middle;
	border-radius: 0.15384615em;
}

.btn-header:hover {
	background-color: #043f8c;
	box-shadow: 0 0 2px #043f8c;
}

/* globalNavRoot */
div#globalNavRoot {
	/*margin-top: 28px;*/
	float: left;
	display: block;
	
margin: 0 1.25em;
}

div#globalNavRoot div.globalLinks {
	float: left;
	overflow: hidden;
	height: 1%;
	display: inline;
	margin-left: 14px;
	margin-right: 19px;
}

div#globalNavRoot div.globalLinks ul.logout li a {
	border-right: none;
}

/* MessageBar (wird noch nicht verwendet) */
div#messagebar {
	margin: 25px auto;
	width: 914px;
	display: none;
	padding: 23px 20px 24px 69px;
	background: #faf8f4 url(../../img/icon_message_ok.png) no-repeat 18px
		50%;
	border: 1px solid #3d6f1a;
	font-family: FrutigerRegular, sans-serif;
	font-size: 1.07692307692308em;
	color: #3d6f1a;
	text-align: left;
}

/* globalNav */
div#globalNavRoot .selected {
	color: #000;
	font-weight: normal;
}

div#globalNavRoot ul.serviceLinks li:last-child a {
	border-right: none;
}

div#globalNavRoot ul.serviceLinks li a, div#globalNavRoot ul.logout li a
	{
	color: #2D65A1;
}

div#globalNavRoot ul.serviceLinks li a:focus, div#globalNavRoot ul.serviceLinks li a:hover,
	div#globalNavRoot ul.logout li a:focus, div#globalNavRoot ul.logout li a:hover
	{
	color: #2B435C;
}

div#globalNavRoot ul.serviceLinks li.current a {
	color: #2786E5;
	font-weight: normal;
}

div#globalNavRoot a, div#globalNavRoot .selected {
	display: block;
	float: left;
	padding: 1px 5px 2px 6px;
	border-right: 1px solid #666;
	line-height: 1;
}

div#globalNavRoot p a {
	border-right: none;
}

div#globalNavRoot ul, div#globalNavRoot li, div#globalNavRoot p {
	display: inline;
}

/* topNav */
div#topNav {
	position: relative;
	top: 1.8em;
	background: #054696;
	display: block;
	clear: both;
	margin-bottom: 2.8em;	
}

div#topNav a {
	font-size: .85em;
}

div#topNav ul.top-nav-links {
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	background-color: #054696;
	width: 61.438em;
	height: 2.222em;
}

div#topNav ul.top-nav-links div.sub {
	position: absolute;
	left: 0;
	top: 2.5rem;
	background: #fafaf8;
	width: 100%;
	z-index: 5;
	box-shadow: 0.125em 0.0625em 0.25em rgba(0,0,0,0.11);
}

div#topNav ul.top-nav-links ul.l-sub {
	margin: 0 auto;
	width: 76.5em;
	background: #fff;
}

div#topNav ul.top-nav-links ul.sub li a {
	float: left;
	padding: 2px 6px 5px;
	border-width: 0 1px 1px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	font-size: 100%;
	width: auto;
}

div#topNav ul.top-nav-links ul.sub li a:hover, div#topNav ul.top-nav-links ul.sub li a:active,
	div#topNav ul.top-nav-links ul.sub li a:focus {
	background: #fff;
	color: #2D65A1;
}

div#topNav ul.top-nav-links li.first-child {
	border-left: 1px solid #999;
}

div#topNav ul.top-nav-links ul.sub li.first-child a, div#topNav ul.top-nav-links ul.sub li:first-child a,
	div#topNav ul.top-nav-links li.first li.first-child a, div#topNav ul.top-nav-links li.first li:first-child a
	{
	border-left: 1px solid #999;
}

div#topNav ul.top-nav-links ul.sub li.active a, div#topNav ul.top-nav-links ul.sub li.selected a
	{
	background: #fff;
	color: #505358;
	border-top: 1px solid #999;
	margin-top: 1px;
	padding-top: 4px;
	padding-bottom: 6px;
	border-bottom: 0 none;
}

div#topNav ul.top-nav-links li.first-child {
	border-left: 1px solid #999;
}

div#topNav ul.top-nav-links li {
	display: inline;
}

div#topNav ul.top-nav-links li a {
	float: left;
	display: block;
	color: #fff;
	line-height: 2.609;
	text-align: center;
	padding: 0 20px;
}

.topNav-bg {
	position: absolute;
	left: -62.5em;
	top: 0;
	z-index: -1;
	width: 63.125em;
	height: 2.222em;
	background: #054696;
}

.sub .topNav-bg {
	background: #fafaf8;
	box-shadow: 0 0.0625em 0.25em rgba(0,0,0,0.11);
}

div#topNav ul.top-nav-links .sub.active li a, div#topNav ul.top-nav-links li:focus a, 
	.no-js div#topNav ul.top-nav-links li:hover a, .no-js div#topNav ul.top-nav-links li:active a, 
	div#topNav ul.top-nav-links li a:focus, .no-js div#topNav ul.top-nav-links li a:hover, 
	.no-js div#topNav ul.top-nav-links li a:active
	{
	/*color: #fff;*/
	/*background: #fafaf8;*/
}

div#topNav ul.top-nav-links li>.sub {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

div#topNav ul.top-nav-links li.active>.sub, div#topNav ul.top-nav-links li:focus>.sub,
	.no-js div#topNav ul.top-nav-links li:hover>.sub, .no-js div#topNav ul.top-nav-links li:active>.sub
	{
	top: 2.125rem;
	left: 0;
}

div#topNav ul.top-nav-links li.active a, div#topNav ul.top-nav-links li:focus a,
	.no-js div#topNav ul.top-nav-links li:hover a, .no-js div#topNav ul.top-nav-links li:active a
	{
	padding: 0 20px;
	margin-top: 0;
	color: #fff;
	background: #054696;
	border-bottom-width: 0;
	border-left: none;
	text-decoration: underline;
    background: rgba(0, 0, 0, 0) url("../img/icons/mainnav-active.png") no-repeat scroll 40% bottom;
}

div#topNav ul.top-nav-links li.active ul li a {
	text-decoration: none;
	font-family: FrutigerRegular, sans-serif;
	color: #454a4d;
}

div#topNav ul.top-nav-links li.active a:only-child, div#topNav ul.top-nav-links li:focus a:only-child
{
    background: rgba(0, 0, 0, 0) none no-repeat scroll center center;
}

div#topNav ul.top-nav-links li.active a span.zkbicon {
    visibility: hidden;
}

div#topNav ul.top-nav-links li.selected a span.zkbicon {
    position: relative;
    float: right;
    margin-top: 10px;
    left: 0px;
}

div#topNav ul.top-nav-links li.selected a {
	padding: 0 20px;
	margin-top: 0;
	color: #fff;
	background: #054696;
	border-bottom-width: 0;
	border-left: none;
	font-family: FrutigerBold, sans-serif;
}

div#topNav ul.top-nav-links li.selected:hover a {
	padding: 0 20px;
	margin-top: 0;
	border-bottom-width: 0;
	border-left: none;
	text-decoration: underline;
}

div#topNav ul.top-nav-links li:hover ul.l-sub a, div#topNav ul.top-nav-links li.selected:hover ul.l-sub a
	{
	padding: 0 20px;
	margin-top: 0;
	color: #606775;
	background: #fafaf8;
	border-bottom-width: 0;
	text-decoration: none;
	font-family: FrutigerRegular, sans-serif;
}

div#topNav ul.top-nav-links li.selected:hover ul li:hover a, div#topNav ul.top-nav-links li:hover ul li:hover a
	{
	padding: 0 20px;
	margin-top: 0;
	color: #000;
	background: #fafaf8;
	border-bottom-width: 0;
	text-decoration: underline;
}

div#topNav ul.top-nav-links li.selected:hover ul li.selected a {
	padding: 0 20px;
	margin-top: 0;
	color: #054696;
	background: #fafaf8;
	border-bottom-width: 0;
	font-family: FrutigerBold, sans-serif;	
}

div#topNav ul.top-nav-links li.selected:hover ul li.selected:hover a {
	color: #000;
}

div#topNav ul.top-nav-links li ul li a {
	background-color: #fafaf8 !important;
}

div#topNav .ft p {
	background: #1550a0;
	color: #000;
	text-align: right;
	border: 1px solid #999;
	border-width: 0 1px;
	padding: 2px 6px 3px;
}

div#topNav div.user-login {
	display: block;
	background: #fff;
	color: #000;
	float: right;
	overflow: hidden;
}

/* footer */
#customerfooter {
	position: relative;
	background: none;
	z-index: 99;
	display: block;
}

.footer-container {
	margin-left: auto;
	margin-right: auto;
	width: 61.438em;
	padding: 0 !important;
}

.footer-container .footer-grid {
	padding: 0.9375em 0 0;
	border-top: 1px solid #9e9a91;
}

.footer-copyright {
	float: left;
	margin: 0 0 1.25em;
	font-size: 0.85em;
	color: #6a7173;
}

.footerlinks {
	float: right;
}

.footerlinks ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.footerlinks ul li {
	padding: 0 0 0 1.5625em;
	float: left;
	margin: 0;
}

.footerlinks ul li a {
	font-size: 0.85em;
	color: #2e3233;
}

.footerlinks ul li a:hover {
	text-decoration: underline;
}

/* mainArea */
div#mainArea {
	clear: both;
	background: #fff;
	font-size: 85%;
}

.frame div#mainArea {
	height: 100%;
	border: 0;
	background: #fff url(../../../../img/doc_bg.gif) repeat-y;
}

.frame #haupt {
	width: 813px;
	float: left;
	height: 100%;
	background: #fff;
}

.frame div#page {
	height: 100%;
}

/* ------------------------------------------------------- */
/* Content Area */
#content h1 {
	font-size: 169.2%;
	font-weight: 300;
	margin-bottom: 15px;
	margin-top: 23px;
	font-family: FrutigerLight;
	color: #054696
}

#content h1.title {
	margin-top: 0;
}

h1#headerUserlist.mod-h1-space {
    margin-top: 1.8em;
    margin-bottom: 0.2em;
}

h3, h4 {
	font-size: 138.5%;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height: 1.5em;
}

#content h2.chapter-title-top, #content h3.chapter-title-top {
	padding-top: 14px;
}

.mod-ebics-title {
	margin-top: -1.3em;
}

#ebicsdata, .mod-h3 {
	margin-top: 1.5em;
}

.bold {
	font-weight: bold;
}

#content ol {
	margin-top: 3px;
	margin-bottom: 0;
	margin-left: 25px;
	padding-top: 0;
	padding-bottom: 1px;
}

#content ol li {
	line-height: 1.6em;
	list-style-type: decimal;
	margin: 0 2px 0;
	position: relative;
}

div.breadcrumb {
	margin-bottom: 21px;
}

.breadcrumb a {
	text-decoration: underline;
	color: #555;
}

.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
	color: #000;
}

div#page label, .tb-static-data-label, .tb-static-data-label-small {
	font-weight: 400;
	margin-bottom: 7px;
	margin-top: 18px;
	font-family: FrutigerRegular, sans-serif;
}

.tb-static-data-label-small {
	margin-top: 5px;
}

div#page button, a.btn {
	margin-top: 30px;
	height: 2.154em;
}

.centered {
	position: fixed; /* or absolute */
	top: 50%;
	left: 50%;
}

.account-error {
	border-color: #A94442;
	background-color: #F4E3E3;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

table.bestpractise p {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	line-height: 2.308em;
}

table.ordertype p {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	line-height: 1.5em;
}

table.ordertype th.thead {
	line-height: 1.5em;
}

/************************************************************ Tables */
.datatablecenter {
	text-align: center;
}

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

.datatablecenter>input[type="radio"], .datatablecenter>input[type="checkbox"]
	{
	margin: auto;
}

.deleted input, .deleted select {
	color: #ccc;
}

.bptable table {
	border: none;
	border-collapse: collapse;
	font-size: 1em;
	line-height: 2.308em;
	margin: 10px 0 20px;
	width: 100%;
	text-align: left;
	margin-top: 20px;
	border-bottom: 1px solid #d2d7d9;
}

.bptable table th, .bptable table td {
	padding: 1px 6px;
	vertical-align: middle;
}

.bptable table thead tr th {
	background-color: none;
	border: 1px solid #ccc;
	text-align: left;
}

.bptable table.zebra thead tr th {
	background-color: #BBB;
	text-align: left;
}

/************ temporary css for table header in table body*/
.bptable table tbody th {
	text-align: left;
}

.bptable table tbody td, .bptable table tbody th {
	border: 1px solid #e6e6e6;
	border-left: none;
	border-right: none;
}

.bptable table tbody td.row-title, .bptable table tbody th {
	/*background-color: none;*/
}

.bptable table tbody tr td a {
	color: #555555;
	margin-left: 5px;
}

.bptable table tr.even td, .bptable table tr.even th {
	background-color: #F5F5F5;
}

.bptable table tr.odd td, .bptable table tr.odd th {
	background-color: #E7E7E7;
}

.bptable table tr th.thead {
	background-color: none;
	border: 1px solid #d2d7d9;
	border-left: none;
	border-right: none;
	font-family: FrutigerBold, sans-serif;
}

.bptable table.zebra tr th.thead {
	background-color: #BBB;
	text-align: left;
}

.bptable table .bptable_ptotal {
	border: none;
	background-color: #F5F5F5;
}

.bptable table .bptable_total {
	border: none;
	background-color: #ccc;
	border-top: 5px solid #fff;
}

/** box-tips*/
#content div.box-tips h3 {
	margin-top: 1px;
}

div.box-tips ul.list-links {
	margin-top: 2px;
}

/* headings */
#content h2 {
	font-size: 153.8%;
	margin-bottom: 15px;
	padding: 34px 0 3px;
	font-family: FrutigerLight;
}

#displayedAccessKeyLink {
	border: 2px solid #ccc;
	position: absolute;
	z-index: 99999;
	/*font: .9em Verdana, Arial, Helvetica, sans-serif;*/
	font: .9em FrutigerRegular, sans-serif;
	color: #000;
	padding: .2em;
}

.amount {
	text-align: right;
}

.like-form-control {
	display: inline-block;
	height: 28px;
	width: 38px;
}

.checkboxes input {
	vertical-align: middle;
	margin: 0px 0 0;
}

.checkboxes label span {
	vertical-align: middle;
	margin: 0 4px 0;
}

.label-selected {
	margin-left: 7px;
}

.radiobuttons ul input {
	vertical-align: middle;
	margin: 0 4px 0;
}

.list-radios, .mod-checkbox {
	margin-top: -8px;
}

.selected-list {
	margin-top: 12px !important;
}

.mod-checkbox-indent {
	margin: -1.2em 0 0 5em;
}

.checkbox-big, .checkbox-big-mod {
	font-size: 123.1%;
	margin-top: .5em;
}

.checkbox-big-mod {
	margin-bottom: -3px;
}

.mod-radios {
	margin: -2px 6px 0 0px !important;
}

.mod-checkbox-input {
	margin-right: 6px !important;
}

.mod-label-checkbox {
	margin-top: 10px !important;
}

.mod-label-checkbox-small {
	margin-bottom: 3px !important;
}

.text-like {
	padding-top: 6px;
	font-family: FrutigerBold;
	font-size: 100%;
	color: #555555;
}

.text-center-like {
	padding-left: 90px;
}

li.list-style {
	vertical-align: middle;
	margin-top: 7px;
}

li.mod-list-style {
	vertical-align: middle;
	margin-top: 3px;
}

#content ol.list-style-character li {
	list-style-type: lower-alpha;
}

#content ol li {
	/* line-height: 1.3em; */
}

#content .panel {
	border: none;
	box-shadow: none;
	background-color: #ededed;
	border-radius: 0px;
	margin-bottom: 13px;
}

#content a.accordionTitle {
	background-image: url('../img/icons/icon-arrow-link-collapsed.png');
	background-repeat: no-repeat;
	background-position: 98%;
	margin: 0;
	cursor: pointer;
	display: block;   
    padding: 12px 30px 12px 15px;	
}

#content a.accordionTitle.collapsed {
	background-image: url('../img/icons/icon-arrow-link-expanded.png');
	background-repeat: no-repeat;
	background-position: 98%;
}

div.splash {
	padding: 10px 14px 10px 14px;
	background-color: #f7f7f7;
	border-color: #f7f7f7;
	font-size: 123.1%;
	margin-bottom: .5em;
	margin-left: 3px;
	padding-bottom: .8em;
}

.splash-header {
	margin-bottom: 15px;
	padding-top: .25em;
	padding-left: 5px;
}

.splash-header span {
	color: #054696;
}

.splash-text {
	display: block;
}

.splash-text-section, .splash-section {
	padding-top: .15em;
}

.splash-text, ul.splash-list li {
	font-size: .813em;
	font-family: FrutigerLight, sans-serif;
	padding-left: 5px;
	/* margin-top: 0.2em;
	margin-bottom: 0.5em; */
	list-style-position: initial;
}

ul.splash-list  {
	list-style: inside;
	line-height: 1.196em;
	margin-left: 1.5em;
}

ul.ebics-list {
	list-style: inside;
	margin-left: 1.5em;
	margin-top: .3em;
	margin-bottom: .5em;	
}

.accordionBody {
	border-style: solid;
	padding: 10px 30px 14px 20px;
	background: #faf9f7;
	font-family: FrutigerLight;
}

.accordionBody ol li {
	font-family: FrutigerLight !important;
}

.textLinks {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.ui-tooltip-content {
	max-width: 40em;
	word-wrap: break-word;
	color: #222;
}

legend.subheading {
	margin-top: 30px;
	margin-bottom: 15px;
	/* font-family: FrutigerBold; */
	/* font-size: 123.1%; */
	font-size: 130.8%;
}

legend.small-bottom {
	margin-bottom: 8px;
}

.radiobuttons-inline {
	margin: 4px 2px 2px;
}

input.label-options {
	font-weight: normal;
	margin-bottom: 7px;
	margin-top: 4px;
	margin-right: 7px;
	padding-left: 5px;
	vertical-align: middle;
}

.label-intro, .list-content {
	margin-left: 2.5em;
	font-size: 92.3%;
}

div#page label.label-options-block {
	margin-top: 7px;
	vertical-align: middle
}

a.link-block, span.link-block, .link-faq, .link-faq:hover, a.external-link {
	color: #054696;
}

a.link-block:hover, span.link-block:hover, a.link-block:focus, .link-faq:hover, a.external-link:hover {
	text-decoration: underline;
}

a.link-block:focus {
	color: #000;
}

a.contact-space, .mod-buttons {
	margin-left: 15px;
}

div.info-box {
	margin-left: 55%;
}

div.register-box, .password-box {
	width: 18em;
	margin-left: 71%;
}

.content-info-box, .content-register-box {
	padding: 1.15384615em 1.38461538em;
	box-shadow: 0 0 0 transparent;
	border-radius: 2px;	
}

.content-info-box {
	background: #faf0e2;
}

.content-register-box {
	background: #e7ecde;
}

.content-password-box {
	padding: 1.15384615em 1.38461538em;
	background: #f7f7f7;
	box-shadow: 0 0 0 transparent;
	border-radius: 2px;	
	margin-bottom: 1.5em;
}

.content-info-box-supertitle {
    margin: -.214285714285714em 0 1em !important;
    font-size: 123.1% !important;
    color: #bd4c00 !important;
}

.content-info-box-content, .content-register-box-content, .content-password-box-content {
    display: table-cell;
    width: 625em;
}

.content-info-box-content-inner, .content-register-box-content-inner, .content-password-box-content-inner {
    float: left;
    width: 100%;
}

.content-info-box-label {
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: FrutigerRegular, sans-serif;
}

.content-info-box-data {
	padding-left: 11px;
}

.content-info-box-data span, .content-info-box-data {
	padding-bottom: 6px;
	font-family: FrutigerLight,sans-serif;
	font-size: 92.8%;
	line-height: 1em;
}

.content-register-box-supertitle, .content-password-box-supertitle {
    font-size: 1.23076923em !important;
	font-family: "FrutigerLight" !important;
	color: #27791B !important;
	margin: 0 0 0.5em;
	padding: 0 !important;	
}

.content-password-box-supertitle {
	color: #454a4d !important;
}

.content-register-box-intro {
	font-family: FrutigerLight;
}

.icon-button-account {
	padding: 2px 10px !important;
	height: auto !important;
	font-size: 140%;
	margin-top: -3px;
}

.icon-status {
	font-size: 145%;
	cursor: default;
}

.icon-status-text {
	font-size: 128%;
	cursor: default;
	margin-left: 2px;
}

a.button-link {
	padding-top: .3em;
}

.button-register {
	border-color: #557517 !important;
	background-color: #557517;
	background-image: linear-gradient(to bottom, #688f1d,#557517);
	box-shadow: none;
	text-shadow: 0 1px 0 #206416;
	height: 2.154em !important;
}

.button-register:hover {
	background: #4f6c15;
	box-shadow: 0 0 2px #b3b3b3;
	transition: box-shadow 50ms;	
}

.button-register:focus {
	background: #364a0f !important;
}

.icon-button-bp {
	padding: 3px 7px !important;
	font-size: 90%;
	width: 2.3em;
	margin: 7px;
}
 
select option:checked {
   /* box-shadow: 0 0 10px 100px #505358 inset;
    transition: all .2s ease-in-out;  */
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

select::-ms-expand {
    height: 2.154em;
    margin-right: -11px;
}

button.btn-primary span.ui-button-text {
	color: #fff;
}

button.btn-default:hover span.ui-button-text, button.btn-default:focus span.ui-button-text {
	color: #000;
}

.btn-default, .image-button {
	color: #43464c;
	border: 0.07692308em solid #a8afb3;
	border-radius: 0.15384615em;
	background-color: #f0f0f0;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb),color-stop(100%, #ededed));
	background-image: -webkit-linear-gradient(top, #fbfbfb,#ededed);
}

.btn-primary[disabled], .btn-default[disabled] {
	color: #43464c;
	background-color: #f0f0f0;
	border-color: #a8afb3;
}

.btn-primary:focus, .btn-header:focus {
	background: #03295a;
	box-shadow: none;
	outline: none;
}

.btn-primary:focus:hover, .btn-header:focus:hover {
	box-shadow: 0 0 2px #043f8c;
}	

.btn-default:focus, .image-button:focus, .btn-default:focus:hover {
	outline: none;
	background: #e5e5e5;
	border-color: #2e3233;
	color: #43464c;
}

.btn-default:hover, .image-button:hover {
	background: #ededed;
	box-shadow: 0 0 2px #b3b3b3;
	transition: box-shadow 50ms;
	border: 0.07692308em solid #a8afb3;
	color: #43464c;
}

.btn-default:focus:hover {
	box-shadow: 0 0 2px #b3b3b3;
}

.image-button {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	padding: 5px 10px;	
}

.ui-widget-header .ui-state-default {
	float: right;
    background-image: url('../img/icons/icon-close.png');
	background-repeat: no-repeat;
	background-color: #ffffff;
}

div.ui-dialog-titlebar button.ui-dialog-titlebar-close {
	float: right;
    background-image: url('../img/icons/icon-close.png');
	background-repeat: no-repeat;
	background-color: #ffffff;
	border-width: 0px;
}

.ui-dialog .ui-dialog-titlebar {
	padding-top: 1.15384615em !important;
}

.ui-dialog .ui-dialog-title {
	font-size: 143.8% !important;
	color: #054696;
	font-family: FrutigerLight,sans-serif;
}

.ui-dialog-titlebar-close:focus {
    border: 1px dotted #054696 !important;
    outline:none;
}

.ui-dialog .ui-dialog-titlebar-close .ui-state-focus{
	outline: 1px dotted #054696 !important;
	outline-offset: -2px;	
}

.form-control:focus, .form-control:hover, input[type="checkbox"]:focus {
	outline: 0;
	border-color: #717171;
}

.table th:focus {
	text-decoration: underline; 
}

.table tr.odd:focus, .table tr.even:focus, li.paginate_button a:focus, a#customerLogo:focus {
	outline: 1px dotted #054696;
	outline-offset: -2px;
}

.separator-button {
	background: #d6d6d6;
	margin-top: 3em;
	margin-bottom: -0.7em;
	border: none;
	height: 0.07692308em;
	overflow: hidden;
}

.ebics-separator {
	margin-top: 3.9em !important;
}

.message-space {
	margin-left: 18px;
	display: block;
}

.mod-message {
	margin-top: -13.5px;
}

#page .alert {
	background-repeat: no-repeat;
	font-family: FrutigerRegular,sans-serif;
	padding-left: 32px;
	color: #454a4d;
	font-size: 102.25%;
    background-position: 15px 16px;
}

.mod-alert {
	font-size: 120.3% !important;
}

#page .alert-success, #page .alert-danger, #page .alert-info {
	border-color: #d2d7d9;
	border-left: none;
	border-right: none;
	border-radius: 0px;
}

#page .alert-success {
	background-image: url('../img/icons/icon-success.png');
	background-color: #e7ecde;
}

#page .alert-danger {
	background-image: url('../img/icons/icon-error.png');	
	background-color: #f0e3e7;
}

#page .alert-info {
	background-image: url('../img/icons/icon-info.png');	
	background-color: #e5edf5;
}

.alert-danger li {
	margin-left: 15px;
	font-size: 100%;
	font-size: 120.3%;
}

.contact {
	margin-bottom: 8px;
}

#page .has-error .form-control {
	border: 0.07692308em solid #d92400;
	-moz-box-shadow: inset 0 0 0.15384615em #d92400;
	-webkit-box-shadow: inset 0 0 0.15384615em #d92400;
	box-shadow: inset 0 0 0.15384615em #d92400;
	background-color: #ffffff;
}

#page .has-error .form-control:focus {
    border-color: #c02000;
    -moz-box-shadow: inset 0 0 0.15384615em transparent;
    -webkit-box-shadow: inset 0 0 0.15384615em transparent;
    box-shadow: inset 0 0 0.15384615em transparent;
}

#page .pagination > li > a, .pagination > li > span {
	color: #454a4d;
	border: 1px solid #a8afb3;
	color: #777777;
}

#page .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	border-color: #a8afb3;
  	box-shadow: 0 0 2px #b3b3b3;
}

#page .pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #454a4d;
  	border-color: #454a4d !important;
  	color: #fff;
  	box-shadow: none !important;
}

#page .pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	border-color: #a8afb3;	
	box-shadow: none !important;
}

.mod_user {
	margin-left: -3em;
}