html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
* {border: 0; padding: 0; margin: 0}
body {margin: 0; padding: 0; background: #fff url(bg_body.png) top left repeat-x; font-family: Arial, Helvetica, sans-serif}
body {scrollbar-base-color: #E5E4EA; scrollbar-3d-light-color:#fff; scrollbar-arrow-color: #666; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #E5E4EA; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-track-color: #fff}
body.intro {background: #0055C2 url(bg_body.png) top left repeat-x !important}
#contents {}

#tblwrp {width: 100%; height: 100%; border: 0; border-collapse: collapse}
#tblrwA {position: relative; width: 100%; height: 110px}
#tblwrp td {border: 0; padding-right: 0; width: 100%; overflow: hidden}
#tblrwA td {height: 110px; width: 100%} 
td#headcell {height: 110px; padding: 0;}
#tblrwB {width: 100%; height: auto}
#tblrwB td {height: 98%; text-align: center; vertical-align: middle; height: auto; width: 100%;}
#tblrwC {height: auto; width: 100%}
#tblrwC td {height: 1%; width: 100%}

h2 {font: normal 18px Arial, Helvetica, sans-serif}

#head {font-size: 11px; color: #fff}
#head {position: absolute; top: 0; left: 0; height: 110px; width: 100%; background: transparent url(bg_head.png) bottom left repeat-x}
#head h2 {position: absolute; left: 100px; top: 27px; color: #fff}
#head span {position: absolute; top: 10px; right: 20px; display: block; background: transparent url(bg_head_span.png) 0 50% no-repeat; padding: 0 0 0 12px}
#head a {text-decoration: none; color: #fff}
#logo {margin: 11px 0 0 19px}

#contentwrapper {}
#content {height: auto; overflow: inherit; margin: 10px auto 10px auto; text-align: left !important; width: 843px; position: relative; border: 30px solid #B2CCED}
	#content h2 {display: block; padding: 13px 0; color: #054AA7}
	a#customercenter {display: block; position: absolute; right: 0; top: -21px; text-align: right; color: #164085; text-decoration: none; font-size: 13px; background: transparent url(bg_anchor_customercenter.png) top left no-repeat; padding: 0 0 0 20px}
	a:hover#customercenter {color: #fff}

/* INTRO */
div#intro {width: 100%; text-align: center}
div#swf {width: 480px; height: 320px; margin: 0 auto 0 auto; position: relative; display: block}
div#swf a {color: #fff; font-size: 14px; font-weight: normal; font-style: normal}
div#swf .skipper {display: block; margin: 0 10px 0 0; color: #fff; font-size: 14px; font-weight: normal; font-style: normal}

/* MENU */
#menu {padding: 0; margin: 0; position: absolute; top: 15px; left: 15px; width: 810px; overflow: hidden}
#menu ul li {display: inline; list-style-type: none; float: left}

#innercontent {background: #8A8893 url(bg_content.png) top left repeat-y; padding: 60px 15px 15px 15px}

#innerA, #innerB, #innerC {width: 810px}
#innerA {height: 25px; background: #147FFF url(innerA.jpg) top left no-repeat}
#innerB {position: relative; background: #147FFF url(innerB.jpg) top left repeat-y; /*display: inline-block;*/ height: auto; padding: 30px 0 0 0; clear: both}
#innerBblue {position: relative; background: transparent url(innerBblue.jpg) top left repeat-y; height: auto; padding: 30px 0 0 0; clear: both}

#innerBimage {width: 810px; height: 357px; position: relative; background: #147FFF url(innerB.jpg) top left repeat-y; clear: both; overflow: hidden}
#innerBimage img {position: absolute; left: 13px; top: 0}
h3#headline {
z-index: 2;
display: block; position: absolute !important; top: 0; left: 14px;
border-bottom: 1px solid #ccc; 
overflow: hidden; 
width: 776px;
padding: 5px 0 5px 0;
text-indent: 15px; 
background: #D9E2F1; 
font: bold 15px Arial, Helvetica, sans-serif; 
color: #064293;

} 

#innerBinner {padding: 0 0 14px 0; position: relative; width: 776px; margin: 0 0 0 14px;  /* height: 396px; */ overflow: auto; background: #fff; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #205ABD; line-height: 130%}
#innerBinnerBlue {padding: 0 0 0 0; position: relative; width: 776px; margin: 0 0 0 14px;  overflow: auto; background: #0049BC; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; line-height: 130%}
  .payback {height: 357px !important; background: #0049BC url(innerB_payback.png) bottom left no-repeat !important; overflow: hidden !important}

#innerBinnerBlue h2 {font: normal 22px Arial, Helvetica, sans-serif; color: #fff}
#innerBinnerBlue h2 span {color: #ADFF00}

#innerBinner h3 {font: bold 15px Arial, Helvetica, sans-serif; color: #064293; padding: 5px 0 !important; margin: 0 !important; background: #fff}
#innerBinner ul, #innerBinnerBlue ul {list-style-position: outside; list-style-type: square; margin: 0 0 5px 0; padding: 0 0 0 20px}
#innerBinnerBlue ul {width: 500px}
#innerBinnerBlue p {font-size: 14px}
#innerBinner li, #innerBinnerBlue li {margin: 0 0 10px 0; line-height: 140% !important}
.innerBinnerColTop {display: inline; width: 100%px; float: left; margin: 15px 0 0 14px}
.innerBinnerColA {display: inline; width: 297px; float: left; margin: 15px 0 0 14px}
.innerBinnerColB {width: 410px; float: right; display: inline; overflow: hidden; margin: 15px 25px 0 0}
.innerBinnerRowA, .innerBinnerRowB {overflow: hidden; position: relative; margin: 15px 14px 0 14px; text-align: left}

#innerBinner a {color: #205ABD}
#innerBinner div, #innerBinner p, #innerBinner td {line-height: 160%}

.innerBinnerColB a:hover, .innerBinnerRowA a:hover {text-decoration: none; background: #C4D7F1}

.skipper {text-align: right; margin: 20px 0 0 0}
.skipper a {color: #205ABD; text-decoration: none}
.skipper a:hover {color: #163F83 !important}
.skipper a.fwd, .skipper a.fwd:hover {display: inline; width: auto; font-style: italic; font-weight: bold; background: transparent url(bg_anchor_skip_r.png) top right no-repeat; padding: 0 20px 0 0}
.skipper a.bwd {}

#innerC {position: relative; width: 810px !important; height: 30px; background: transparent url(innerC.jpg) top left no-repeat}
#innerC a.bwd {display: block; position: absolute; left: 13px; bottom: 9px; font: normal 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding: 0 0 0 20px; background: transparent url(bg_anchor_skip_l.png) top left no-repeat}

#portaltop {color: #fff; height: 144px; padding: 0 0 0 228px; margin: 15px 14px 0 14px; background: #0067B6 url(../imgs/portal_kundencenter.jpg) top left no-repeat; overflow: hidden}
#portaltop h4 {font: bold 15px Arial, Helvetica, sans-serif; position: relative !important; border: 0 !important; text-indent: 0 !important; color: #fff; background: transparent; width: auto !important; padding: 0 !important; margin: 15px 0 10px 0 !important; font-size: 24px}
#portaltop p {padding: 0 20px 0 0}
a.login, a.login:hover {text-decoration: none; background: transparent url(bg_anchor_skip_r.png) 0 3px no-repeat; padding: 0 0 0 20px; position: relative; display: block; line-height: 160%}
a.loginabs,  a.loginabs:hover {position: absolute; bottom: 5px; left: 5px}

#portalentryA, #portalentryB, #portalentryC {position: absolute; display: block; width: 214px; height: 200px; border: 1px solid #66A4D3}

#portalentryA p , #portalentryB p, #portalentryC p {padding: 5px; color: #000}
#portalentryA h5, #portalentryB h5, #portalentryC h5 {font: bold 15px Arial, Helvetica, sans-serif; color: #064293; margin: 0; padding: 5px}

#portalentryA {left: 0}
#portalentryB {left: 260px} 
#portalentryC {right: 0}

#seperator {height: 30px}

#footer {padding: 5px 0; text-indent: 5px; position: relative; width: 100%; text-align: left; background: #D9E2F1; color: #0055C2; font-size: 11px; border-top: 1px solid #0055C2}
#footer div {}
#footer a {text-decoration: none; color: #0055C2}
#footer a:hover {text-decoration: none; color: #00408E}

/* FORMS & TABLE */
table.formtbl {width: 500px; text-align: left !important; border-collapse: collapse;}
table.formtbl td {border-bottom: 1px solid #E0ECFC !important; padding: 5px 15px 5px 0 !important; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #205ABD; text-align: left !important}
td.tdA {width: 30% !important}
input {font: normal 14px Arial, Helvetica, sans-serif; padding: 1px}
.field {border: 1px inset #333; width: 98%}
.fieldsm {width: 20% !important; float: left; margin: 0 5px 0 0}
.fieldxsm {width: 25px !important; float: left; margin: 0 5px 0 0}
.fieldlg {width: 74% !important; float: left}
.submit {border: 1px solid #fff; background: #C1DAF9; color: #000; font-weight: bold}

a.pdf {display: block; height: 18px; background: #fff url(bg_icon_pdf.png) top left no-repeat; padding: 0 0 0 22px}
p.pdfdownload {float: left; width: 100%; display: block; clear: both; height: 80px; padding-top: 0}
p.pdfdownload a {display: block; float: left; width: 220px; padding: 25px 0 25px 55px; background: transparent url(icon_pdf_lg.png) 0 50% no-repeat}
p.pdfdownload a:hover {background: transparent url(icon_pdf_lg.png) 0 50% no-repeat}
.highlight {color: #ff0099}
.alert {color: #ff0000}
.hide {display: none; visibility: hidden}
.clear {width: 100%; clear: both; padding: 0 0 3px 0}
.clear input {margin: 0 5px 0 0}
td.top {vertical-align: top !important}
table#layout, table#layout td, table#layout div {border: 0; text-align: left !important}