/* -------------------------------------------------------------- 
	RESET
	* Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a { outline: none; }
:focus { -moz-outline-style: none; }


/* -------------------------------------------------------------- 
	GRID
	* Basic grid layout.
-------------------------------------------------------------- */

.outer-container { width: 932px; margin: 0 auto; }
.container { width: 896px; margin: 0 auto; }
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12  { float: left; margin-right: 16px; }
.last, div.last { margin-right: 0; }

.span-1 { width: 60px; }
.span-2 { width: 136px; }
.span-3 { width: 212px; }
.span-4 { width: 288px; }
.span-5 { width: 364px; }
.span-6 { width: 440px; }
.span-7 { width: 516px; }
.span-8 { width: 592px; }
.span-9 { width: 668px; }
.span-10 { width: 744px; }
.span-11 { width: 820px; }
.span-12, div.span-12 { width: 896px; margin: 0; }

.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container { display: inline-block; }

* html .clearfix, * html .container { height: 1%; }
.clearfix, .container { display: block; }
.clear { clear: both; }


/* -------------------------------------------------------------- 
	BASICS
	* Basic visual layout and design.
-------------------------------------------------------------- */
body { background: #ffffff url(img/ikano-page-bg.gif) top left repeat-x; color: #2b2b2b; font-family: Georgia, serif; font-size: 87.5%; }

div.container a { color: #eb0000; text-decoration: none; }
div.container a:hover { color: #2b2b2b; text-decoration: underline; }

#ikano-page-header { height: 98px; }
#ikano-page-header div { position: relative; }

#ikano-secondary-navigation { background: url(img/ikano-page-main-content-top-bg_loginlogout.png) bottom left no-repeat; height: 26px; }

#ikano-page-main-content-outer { background: #ffffff url(img/ikano-page-main-content-content-bg.png) top left no-repeat; }
#ikano-page-main-content-inner { background: url(img/ikano-page-main-content-bot-bg.png) bottom left no-repeat; }

#ikano-footer-outer { background: #f5f4f2 url(img/ikano-footer-divider-bg.png) top left repeat-x; }
#ikano-footer-outer { background: #ffffff url(img/ikano-small-footer-divider-bg.gif) top left repeat-x; }
#ikano-footer-outer div.footer { background: url(img/ikano-footer-top-bg.png) top left no-repeat; padding: 50px 0 32px 0; }

div#logo { height: 95px; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 173px; }
div.main-content { margin-top: 16px; }


/* -------------------------------------------------------------- 
	AUXILIARY
	* Setup for right column.
-------------------------------------------------------------- */
div.aux { background:url(img/ikano-aux-bg-mid.gif) top left repeat-y; font-size: 85%; }
div.aux-top, div.aux-bot { height: 18px; width: 100%; }
div.aux-top { background: url(img/ikano-aux-bg-top.gif) top left no-repeat; }
div.aux-bot { background: url(img/ikano-aux-bg-bot.gif) bottom left no-repeat; }

div.aux-content { padding: 0 0 0 18px; }
div.aux-content h3.aux-icon, div.aux-content h3.aux-icon-dark { color: #887f6f; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; height: 48px; line-height: 3em; padding: 0 0 0 9px; width: 262px; }
div.aux-content h3.aux-icon-dark { color: #2b2b2b; }

div.aux-content div.aux-box { background: url(img/ikano-aux-box-bot-bg.gif) bottom center no-repeat; margin: 0 0 24px 0; padding: 0 0 12px 0; }

div.aux-content div.aux-general-box { }
div.aux-content h4, div.aux-content h5, div.aux-content h6 { color: #887f6f; font-weight: normal; margin: 0 0 0 8px; }
div.aux-content p { margin: 0 0 8px 8px; }
div.aux-content p span.date,
div.aux-content p span.date-link { clear: both; color: #887f6f; display: block; padding: 0 0 0 0; }
div.aux-content p span.date-link a { padding: 0 0 0 4px; }
div.aux-content p img { float: left; margin: 0 8px 0 0; padding: 0; }
div.aux-content img.wide { margin: 0 0 0 8px; }
div.aux-content p.wide-img { margin: 0 12px 8px 12px; }
div.aux-content ul { margin: 0 0 8px 24px; }
div.aux-content ol { margin: 0 0 8px 32px; }
div.aux-content a.more { padding: 0 0 0 8px; }


/* -------------------------------------------------------------- 
	FOOTER
	* Setup for footer.
-------------------------------------------------------------- */
#ikano-footer-outer { color: #b4b0a7; font-family: Arial, sans-serif; font-size: 78.56%; }div#footer-box { background: #ffffff; border: 1px solid #e1ded8; padding: 12px 0; border-radius: 4px; }

div#breadcrumbs { border-bottom: 1px solid #e1ded8; padding: 0 0 9px 0; }
div#breadcrumbs-only { padding: 0 0 0 0; }

div#breadcrumbs ul, div#breadcrumbs-only ul { margin: 0; }
div#breadcrumbs ul li, div#breadcrumbs-only ul li { float: left; list-style: none; padding: 0 8px 0 0; }

#footer-text ul { list-style: none; }

/* Mobilt BankID */
#StatusMessageSpan {
	display: block;
	clear: both;
	width: 400px;
}

/* Remove red "!" */
[id$='NationalIdentitySSNWebUserControl_SSNValidator'] {
	display: none;
}

/* Remove mobile text */
[id$='NoBankIdAppLabel'] {
	display: none;
}