﻿/**************************************************/
/* hvb.de layout */
/* copyright by HypoVereinsbank 2005 */
/* */
/* Last updated 11 April 2006 */
/**************************************************/
/**************************************************/

/* img upload: */
/* <img src="/img/ico/arrow_ext.gif" border="0" width="14" height="7"> <img src="/img/ico/icon_pdf.gif" border="0" width="14" height="14">*/

/**************************************************/
/**************************************************/
/*START: top navigation */
p.home
{
 background: url(/img/ico/bg-top-nav-pipe.gif) 43px 0 no-repeat; /*changed 2006-04-11*/
 font-size: 11px; /*changed 2006-04-11*/
 line-height: 14px; /*changed 2006-04-11*/
 float: left;
 text-align: left;
 padding: 0 0 1px 9px;
 width: 158px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 149px;
}
html>body p.home { width: 149px; }
ul.business-areas
{
 float: right;
 margin: 0; /*changed 2006-04-11*/
 padding: 0 3px 1px 8px; /*changed 2006-04-11*/
}
ul.business-areas li
{
 font-size: 11px; /*changed 2006-04-11*/
 line-height: 14px; /*changed 2006-04-11*/
 color: #000;
 display: inline;
}
ul.generic-nav
{
 float: right;
 margin: -1px; /*changed 2006-04-11*/
 padding: 0 0px 0px 0px; /*changed 2006-04-11*/
}
ul.generic-nav li
{
 font-size: 11px; /*changed 2006-04-11*/
 line-height: 14px; /*changed 2006-04-11*/
 color: #5c5c5c;
 display: inline;
}
ul.business-areas li a,
ul.generic-nav li a
{
 color: #000;
}
ul.generic-nav li a
{
 color: #DF0029;
}
ul.business-areas li strong a,
ul.generic-nav li strong a
{
 color: #f60;
}
span.pipe-first
{
 padding: 0 3px 0 0;
}
span.pipe-last
{
 padding: 0 0 0 3px;
}
/*START: neue styles ab 2006-04-11*/
span.pipe
{
 padding: 0 6px;
}
ul.generic-nav span.pipe
{
 color: #eee;
}
/*END: neue styles ab 2006-04-11*/
/*END: top navigation */
/**************************************************/
/**************************************************/
/*START: primary navigation */
div.nav-zone-top
{
 background: #fff;
 padding: 0px 0 0 9px;
 border-bottom: 0px solid #eee;
 width: 150px;
 height: 36px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 141px;
 height: 0px;
}
html>body div.nav-zone-top { width: 141px; height: 0px; }
body#home div.nav-zone-top
{
 background: #fff;
 padding: 4px 9px 2px 9px;
 border: 1px solid #a3a3a3;
 width: auto;
 height: auto;
}
/*START: neue styles ab 2006-04-11*/
html>body#home div.nav-zone-top { width: 131px; }
/*END: neue styles ab 2006-04-11*/
html>body div.main-navigation { width: 154px; }
div.main-navigation
{
 background: #fff;
 /* Original: padding: 31px 9px 27px 9px; */
 padding: 5px 0px 13px 0px;
 border-bottom: 1px solid #fff;
 width: 154px;
 voice-family: "\"}\"";
 voice-family: inherit;
}
html>body div.main-navigation { width: 154px; }
div.nav-zone-bottom
{
 background: #fff;
 width: 154px;
 height: 37px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height: 36px;
}
html>body div.nav-zone-bottom { height: 36px; }
ul.first-level li
{
 font-size: 11px;
 line-height: 12px;
 font-weight: bold;
 color: #000;
 padding: 7px 0px 7px 42px;
 background: url(/img/ico/nav-icon-first-level.gif) no-repeat;
 background-position:19px 0px;
 border-bottom: 1px solid #EEEEEE;
}
div.status-logged-in div.nav-zone-top { background: #f60; }
div.status-logged-in div.main-navigation { background: #bddde6; }
div.status-logged-in div.nav-zone-bottom { background: #bddde6; }
ul.first-level li.active
{
 background: url(/img/ico/nav-icon-first-level-active-3lines.gif) no-repeat;
 background-position:19px 0px;
 border-bottom: 1px solid #EEEEEE;
 padding: 7px 0px 7px 42px;
}
ul.first-level li a
{
  color: #000;
}
ul.first-level li.active strong a
{
 font-weight: bold;
 color: #D8001D;
}
ul.second-level
{
 margin: 3px 0 0 -26px;
}
ul.second-level li,
ul.second-level li.active
{
 font-size: 11px;
 line-height: 12px;
 font-weight: normal;
 color: #333;
 padding: 8px 0 0 26px;
 background: url(/img/ico/nav-icon-second-level.gif) no-repeat;
 border-bottom: none;
}
ul.second-level li.last
{
 background: url(/img/ico/nav-icon-second-level-last.gif) no-repeat;
}
ul.second-level li.last ul.third-level li
{
 background: none;
}
ul.second-level li a
{
 color: #000;
}
ul.second-level li.active strong a
{
 font-weight: normal;
 color: #D8001D;
}
ul.third-level
{
 margin: 0 0 0 -26px;
 padding: 0;
}
ul.third-level li,
ul.third-level li.active
{
 font-size: 11px;
 line-height: 12px;
 font-weight: normal;
 color: #333;
 padding: 8px 0 0 38px;
 background: url(/img/ico/nav-icon-empty.gif) repeat-y;
 border-bottom: none;
}
ul.third-level li a
{
 color: #333;
}
ul.third-level li.active strong a
{
 font-weight: normal;
 color: #D8001D;
}
/*END: primary navigation */
/**************************************************/
/**************************************************/
/*START: tab navigation*/
div#content ul.tab-nav {
 background:transparent url('/img/ico/tabnav-border-bottom.gif') repeat-x scroll 0 0;
 height:27px;
 padding-top:6px;
 padding-right: 0px;
}
div#content ul.tab-nav li,
div#content ul.tab-nav li:first-child
{
 font-size: 11px;
 line-height: 14px;
 padding: 0;
 background: url('/img/ico/tabnav-background.gif') no-repeat;
 float: left;
}
/* div#content ul.tab-nav li:first-child,
div#content ul.tab-nav li.active:first-child
{
 background-position: -1px;
} */
* html div#content ul.tab-nav li
{
 padding: expression("0");
 background-position: expression("left bottom");
}
div#content ul.tab-nav li.active a
{
 font-weight: normal;
 color: #E2001A; 
 text-transform: uppercase;
}
div#content ul.tab-nav li.active
{
 background: url('/img/ico/tabnav-background-active.gif') no-repeat;
 height: 27px;
}
div#content ul.tab-nav li a
{
 color: #000000;
 padding: 10px 7px 3px 9px;
 float: left;text-transform: uppercase;
}
div#content ul.tab-nav li a strong
{
 font-weight: normal;
 color: #E2001A;
}
div#content ul.tab-nav sup
{
 line-height:0px;
}
div#content span.sep-tab
{
 float: left;
}
div#content img.sep-tab
{
 border: none;
}
html>body div#content img.sep-tab
{
 float: left;
}
/*END: tab navigation */
/**************************************************/
/**************************************************/
/*START: NEW tab navigation*/
div#content ul.ntabs {
 padding: 0px;
 margin: 0px;
 border-bottom: 1px #C0C0C0 solid;
 height: 26px;
}
div#content ul.ntabs li div {
 position: relative;
 top: 3px;
}
div#content ul.ntabs li.active
{
 padding: 0px;
 float: left;
 background-image: url('/img/ico/Tab_Basiswert_Produkt_Aktiv.gif');
 background-position: left bottom;
 background-repeat: no-repeat;
 background-color: transparent;
}
div#content ul.ntabs li.disabled
{
 padding: 0px;
 float: left;
 width: 0px;
}
div#content ul.ntabs li.print-site,
div#content ul.tab-nav li.print-site
{
 padding: 0px;
 float: right;
 background-image: none;
}
div#content ul.tab-nav li.print-site a {
 background-position:right 50%;
 line-height:22px;
 padding:5px 0 0 14px;
}
div#content ul.ntabs li
{
 padding: 0px;
 float: left;
 background-image: url('/img/ico/Tab_Basiswert_Inaktiv.gif');
 background-position: left bottom;
 background-repeat: no-repeat;
 background-color: transparent;
 width: 120px;
}
div#content ul.ntabs a {
 font-weight: normal;
 font-family: "Trebuchet MS", Arial, sans-serif;
 color: #E2001A;
 text-transform: uppercase;
 text-align: center;
 line-height: 27px;
 padding-left: 24px;
}
div#content ul.ntabs li.active a {
 font-size: 14px;
 color: #E2001A;
}
div#content ul.ntabs li.print-site a {
 background-position:  right 50%;
 line-height: 22px;
}
div#content ul.ntabs li.disabled a {
 font-size: 0px;
 line-height: 0px;
 color: #ffffff;
}
div#content ul.ntabs li a
{
 font-size: 12px;
 color: #555555;
}
/*END: NEW tab navigation */
/**************************************************/
/**************************************************/
/*START: page-tools*/
ul.page-tools li
{
 font-size: 11px;
 line-height: 14px;
 border-right: 1px solid #fff;
 float: left;
 padding: 6px 5px 5px 6px;
}
ul.page-tools li.print a
{
 padding: 0 0 0 20px;
 background: url(/img/ico/icon-print-5c5c5c.gif) no-repeat;
}
/*Style only for IE 5.0 */
@media tty { i{content:"\";/*" "*/}}; * ul.page-tools li.print a { display: block; } {;}/*";}}/* */
ul.page-tools li.send a
{
 padding: 0 0 0 20px;
 background: url(/img/ico/icon-send-5c5c5c.gif) 0 2px no-repeat;
}
/*Style only for IE 5.0 */
@media tty { i{content:"\";/*" "*/}}; * ul.page-tools li.send a { display: block; } {;}/*";}}/* */
div#page-tools-zone div.page-up
{
 float: right;
 padding: 7px 9px 0 0;
}
div.page-up-top
{
 margin: 0 0 30px;
 padding: 10px 10px 0 0;
}
/*END: page-tools */
/**************************************************/
/**************************************************/
/*START: footer */
dl#footer
{
 border-top: 1px solid #a3a3a3;
}
dl#footer dd
{
 padding: 3px 0 0 9px;
 float: left;
}
dl#footer dd ul
{
 display: inline;
}
dl#footer dd ul li
{
 font-size: 11px;
 line-height: 14px;
 color: #5c5c5c;
 display: inline;
}
dl#footer dd ul li a
{
 color: #5c5c5c;
}
dl#footer dd ul li span.pipe 
{ 
 padding: 0 2px; 
} 
dl#footer dt
{
 font-size: 11px;
 line-height: 14px;
 color: #5c5c5c;
 padding: 3px 0 0 0;
 float: right;
}
/*END: footer */
/**************************************************/
/**************************************************/
/*START: general definitions */
strong
{
 color: #5c5c5c;
 font-weight: bold;
}
h2, h3, h4
{
 font-size: 11px;
 line-height: 14px;
 font-weight: bold;
}
h4
{
 color: #5c5c5c;
}
div#content-zone p,
div#content p
{
 font-size: 11px;
 line-height: 14px;
}
.pipe
{
 padding: 0 1px;
}
a.link img
{
 margin: 0 0 0 7px;
}
a.link-disclaimer img
{
 margin: 0 0 0 7px;
}
a.link span.url
{
 text-decoration: underline;
}
/*END: general definitions */
/**************************************************/
/**************************************************/
/* START: content-1col */
div.content-1col-wrapper
{
 width: 589px;
 background: #fff;
}
div.content-1col-wrapper-spacer
{
 height: 40px;
}
div.content-1col-spacer
{
 height: 15px;
 background: #fff;
}
div.content-1col-footer
{
 /* 2006-05-17 17:42 Thorsten Stumpf: 
 height: 8px;*/
 height: 0px;
 background: #fff;
}
body#tabbed-content div.content-1col-footer
{
 border-bottom: 1px solid #fff;
 height: 10px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 height: 9px;
}

html>body body#tabbed-content div.content-1col-footer { height: 9px; }
/*END: content-1col */
/**************************************************/
/**************************************************/
/*START: portlets */
div.portlet
{
 background: #fff;
}
div.content-3cols div.portlet,
div.content-3cols div.teaser,
div#context-zone div.portlet
{
 width: auto;
}
div.portlet-search
{
 background: #E3F2F6;
}
div#context-zone div.portlet-search
{
  height:108px;
  width: auto;
}
div.left
{
 margin-left: 8px;
}
div.top
{
 margin-top: 9px;
}
div.fixed-height
{
 height: 166px;
 /* margin-top: 0px; */
}
div.portlet h3
{
 padding: 12px 0 0 9px;
}
div.portlet h3 img
{
 display: block;
}
div.portlet-content,
td.portlet-content
{
 padding: 9px 9px 2px;
}
div.portlet-content p
{
 font-size: 11px;
 line-height: 14px;
 color: #333;
 padding: 0 0 6px 0;
}
select.select-XL
{
 font-size: 11px;
 width: 173px;
}
div.select-spacer
{
 height: 9px;
}
div.portlet-content-infobox
{
 padding: 9px 20px 2px;
}
div.portlet-content-infobox p
{
 font-size: 11px;
 line-height: 14px;
 color: #333;
 padding: 0 0 6px 0;
}
div.portlet-content.search
{
 height: 85px;
 padding: 4px 9px 6px;
 background: #E3F2F6;
}
.faq-answer
{
 background: #f3f7de;
}
.faq-answer-schliessen
{
 text-align: right;
}


#content-zone .column-portlet
{
 width: 100%;
}
div#content-zone div.content-3cols-portlet h3
{
 display: none;
}
div#content-zone .content-3cols-portlet-content table
{
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
}

div#content-zone td.content-3cols-portlet-content-left,
div#content-zone td.content-3cols-portlet-content-middle,
div#content-zone td.content-3cols-portlet-content-right
{
 background: #fff;
 padding: 9px 8px 2px;
 vertical-align: top;
}
div#content-zone .content-3cols-portlet-content td p
{
 font-size: 11px;
 line-height: 14px;
 color: #333;
 padding: 0 0 6px 0;
}
div#content-zone .content-3cols-portlet-content td
{
 border: 0px solid #E5F3F6;
}
div#content-zone .content-3cols-portlet-content .content-3cols-portlet-content-left
{
 border-right-width: 8px;
}
div#content-zone .content-3cols-portlet-content .content-3cols-portlet-content-middle,
div#content-zone .content-3cols-portlet-content .content-3cols-portlet-content-right
{
 border-left-width: 8px;
}

div#content-zone .content-3cols-table-content table
{
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
}
div#content-zone td.content-3cols-table-content-left,
div#content-zone td.content-3cols-table-content-middle,
div#content-zone td.content-3cols-table-content-right
{
 background: #fff;
 vertical-align: top;
}
div#content-zone .content-3cols-table-content td
{
 border: 0px solid #eee;
}
div#content-zone .content-3cols-table-content .content-3cols-table-content-left
{
 border-right-width: 8px;
}
div#content-zone .content-3cols-table-content .content-3cols-table-content-middle,
div#content-zone .content-3cols-table-content .content-3cols-table-content-right
{
 border-left-width: 8px;
}

/* product-portlet 
Styles für contentelement mit voller Spaltenbreite, Bild als Überschrift (h2), einem Text and einer Liste von Links
einsatz fuer ganze seite bei ersatz von 'portlet volle breite'
START */
.content-product
{
 margin-bottom:      3px;
 padding:            14px 9px 9px 9px;
 background-color:   #fff;
}
.content-product h3
{
 margin-bottom:      9px;
}
.content-product .links
{
 padding:            0;
 margin:             0;
 margin-top:         6px;
 line-height:        1.2;
}
.content-product .links .link
{
 padding:            0;
 margin:             0;
 margin-top:         4px;
 float:              left;
 white-space:        nowrap;
 font-size:          11px;
 line-height:        1.2;
 color:              #D8001D;
}
.content-product .left-float .link
{
 margin-right:       18px;
 float:              left;
}
.content-product .right-float .link
{
 margin-left:        18px;
 float:              right;
}
.content-product .links .link img
{
 margin: 0;
 padding: 0;
 padding-left: 5px;
}
.content-product .links .graphic-link img
{
 padding:            0;
 margin:             0;
 padding-top:        5px;
}
/* product-portlet 
Styles for contentelement with full width, image heading, a text and a list of links  
ENDE */


/*END: portlets */
/**************************************************/

/**************************************************/
/*START: tables */
#content-zone .content-padding .table {
 margin:            18px -9px 4px -9px;
 font-size:         11px;
 font-family:       Arial, sans-serif;
 border:            0px solid #f00;
}
/* generelle Tabellendefinitionen */
#content-zone .content-padding .table table
{
 font-size:         100%;
 width:             100%;
 line-height:       1.2;
 font-weight:       normal;
 background-color:  #fff;
 border-style:      solid;
 border-color:      #e0e0e0;
 border-width:      0px;
 border-spacing:    0px;
 border-collapse:   collapse;
 text-align:        left;
}
/* Tabellenbeschreibungsdefinitionen */
#content-zone .content-padding .table table caption {
 background-color:  #fff;
 font-weight:       bold;
 text-align:        left;
 padding-left:      9px;
 padding-bottom:    2px;
 padding-right:     9px;
}
/* Tabellensektionsdefinitonen */
.table table thead
 background-color:  #fff;
}
.table table tbody {
 background-color:  #f0f0f0;
}
.table table thead tr.firstRow td,
.table table thead tr.firstRow th {
 padding-top:       2px;
 padding-bottom:    0px;
 font-size:         0px;
 line-height:       0;
 color:             #fff;
}
.table table thead tr.lastRow td,
.table table thead tr.lastRow th {
 padding-top:       0px;
 padding-bottom:    2px;
 font-size:         0px;
 line-height:       0;
 color:             #fff;
}
.table table tbody tr.firstRow td,
.table table tbody tr.firstRow th {
 padding-top:       2px;
 padding-bottom:    0px;
 font-size:         0px;
 line-height:       0;
 color:             #fef8d6;
}
.table table tbody tr.lastRow td,
.table table tbody tr.lastRow th {
 padding-top:       0px;
 padding-bottom:    2px;
 font-size:         0px;
 line-height:       0;
 color:             #fef8d6;
}
.table table tfoot tr.firstRow td,
.table table tfoot tr.firstRow th {
 padding-top:       2px;
 padding-bottom:    0px;
 font-size:         0px;
 line-height:       0;
 color:             #fff;
}
.table table tfoot tr.lastRow td,
.table table tfoot tr.lastRow th {
 padding-top:       0px;
 padding-bottom:    2px;
 font-size:         0px;
 line-height:       0;
 color:             #fff;
}
.table table.groups thead tr.lastRow td,
.table table.groups thead tr.lastRow th {
 border-width:      0 0 1px 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table table.groups tbody tr.lastRow td,
.table table.groups tbody tr.lastRow th {
 border-width:      0 0 1px 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table table.groups tfoot tr.firstRow td,
.table table.groups tfoot tr.firstRow th {
 border-width:      1px 0 0 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
/* Tabellenzeilen-/-zellendefinitonen */
.table table tr td,
.table table tr th  {
 padding-top:       2px;
 padding-right:     5px;
 padding-bottom:    2px;
 padding-left:      4px;
 line-height:       1.2;
 font-weight:       normal;
}
.table table tr td.leftCell,
.table table tr th.leftCell {
 padding-left:      9px;
}
.table table tfoot tr td.legend,
{
 padding-top:       9px;
}
.table table tfoot tr td.legend,
.table table tfoot tr td.legend p,
{
 font-size:         10px !important;
 line-height:       13px !important;
}
.table .columns th,
.table .columns td
{
 border-width:      0 0 0 1px;
 border-style:      solid;
 border-color:      #e0e0e0;
 border-spacing:    0px;
 border-collapse:   collapse;
}
.table .columns th.leftCell,
.table .columns td.leftCell,
.table .columns tr.firstRow td,
.table .columns tr.lastRow td
{
 border-left-width: 0px;
}
.table .bordered,
.table .bordered td,
.table .bordered th
{
 border-width:      1px 1px 1px 1px;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table table.topBorder
{
 border-width:      1px 0 0 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table table.rightBorder
{
 border-width:      0 1px 0 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table table.bottomBorder
{
 border-width:      0 0 1px 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table table.leftBorder
{
 border-width:      0 0 0 1px;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table tr.topBorder th,
.table tr.topBorder td
{
 border-width:      1px 0px 0px 0px;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table tr.rightBorder th,
.table tr.rightBorder td
{
 border-width:      0 1px 0 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table tr.bottomBorder th,
.table tr.bottomBorder td
{
 border-width:      0 0 1px 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table tr.leftBorder th,
.table tr.leftBorder td
{
 border-width:      0 0 0 1px;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table td.topBorder,
.table th.topBorder {
 border-width:      1px 0 0 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table td.rightBorder,
.table th.rightBorder
{
 border-width:      0 1px 0 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table td.bottomBorder,
.table th.bottomBorder
{
 border-width:      0 0 1px 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table td.leftBorder,
.table th.leftBorder
{
 border-width:      0 0 0 1px;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table .topBorder
{
 border-width:      1px 0 0 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table .rightBorder
{
 border-width:      0 1px 0 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table .bottomBorder
{
 border-width:      0 0 1px 0;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table .leftBorder
{
 border-width:      0 0 0 1px;
 border-style:      solid;
 border-color:      #e0e0e0;
}
.table .noborder tr td,
.table .noborder tr th
{
 border-width:      0 0 0 0 !important;
}
.table tr.noborder td,
.table tr.noborder th
{
 border-width:      0 0 0 0 !important;
}
/*END: tables */
/**************************************************/

/**************************************************/
/*START: lists */
div.list ul li
{
 font-size: 11px;
 line-height: 14px;
 padding: 4px 0 0 12px;
 background: url(/img/ico/icon-star-f60.gif) no-repeat;
 background-position: 0 9px;
}
div.list ul li.nopoint
{
 font-size: 11px;
 line-height: 14px;
 padding: 0px 0 0 0px;
 background: none;
 background-position: 0 0px;
}
div.list p.introduction
{
 padding: 0 0 4px 0;
}
ul.bullet li
{
 font-size: 11px;
 line-height: 14px;
 padding: 4px 0 0 12px;
 background: url(/img/ico/icon-star-f60.gif) no-repeat;
 background-position: 0 9px;
}
div#content div.benefits div.content-right-linklist ul li {
  background: url("/img/ico/icon-link.gif") no-repeat scroll 0 11px transparent;
  background-position: 1px 6px;
  padding: 0px 0 10px 12px;
  zoom: 1;
}
div#content div.benefits div.content-right-linklist ul li a {
  background: none;
  padding: 3px 0 0 0;
}
div#content div.benefits div.content-right-linklist ul li a:hover strong {
  color: #E2001A;
}
ul.bullet li:first-child
{
 padding: 0 0 0 12px;
 background-position: 0 5px;
}
* html ul.bullet li
{
/*
 padding: expression(previousSibling ? "4px 0 0 12px" : "0 0 0 12px"); */
 background-position: expression(previousSibling ? "0 9px" : "0 5px");
}
/*Style only for IE 5.0 */
@media tty { i{content:"\";/*" "*/}}; * html ul.bullet li { width: 100%; display: block; } {;}/*";}}/* */
ul.bullet li a img
{
 margin: 0 0 0 5px;
}
ul.dash li
{
 font-size: 11px;
 line-height: 14px;
 padding: 0 0 0 7px;
 background: url(/img/ico/icon-dash-333.gif) 0 8px no-repeat;
}
* html ul.dash li
{
 padding: expression(previousSibling ? "0 0 0 7px" : "0 0 0 7px");
 background-position: expression(previousSibling ? "0 8px" : "0 8px");
}
dl.download dt
{
 font-size: 11px;
 line-height: 14px;
}
dl.download dd
{
 font-size: 11px;
 line-height: 14px;
 padding: 0 0 6px 20px;
}
dl.download dt a
{
 padding: 0 0 0 20px;
 background: url(/img/ico/icon-download-c5c5c5.gif) no-repeat;
}
dl.download dt a.anker 
{
 background: url(/img/ico/arrow_r.gif) no-repeat;
}
/*Style only for IE 5.0 */
@media tty { i{content:"\";/*" "*/}}; * dl.download a { display: block; } {;}/*";}}/* */
/*END: lists */
/**************************************************/
/**************************************************/
/*START: context zone */
div#context-zone div.portlet h3
{
 height: 22px;
 background: #ddd;
 padding: 0 0 0 9px;
}
div#context-zone div.portlet-search h3
{
 height: 22px;
 background: #E3F2F6;
 padding: 0 0 0 9px;
}
div#context-zone div.fcbayern h3
{
 background: #cc0033;
}
div#context-zone div.portlet-infobox h3
{
 height: 27px;
 background: #ffde31;
 padding: 0 0 0 10px;
}
div#context-zone div.portlet h3 img,
div.teaser img
{
 display: block;
}
div#context-zone div.portlet-content
{
 border: solid #d6d6d6;
 border-width: 0 1px 1px;
 padding: 4px 9px 6px;
 background: #fff;
}
div.market-price-search
{
 padding: 0 0 6px 0;
}
div.form-spacer-S
{
 height: 2px;
}
div.form-spacer-M
{
 height: 3px;
}
input#market-price-search
{
 font-size: 11px;
 display: block;
 float: left;
 padding: 1px 3px;
 background: #fff;
 border: 1px solid #a3a3a3;
 width: 58px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 85px;
}
html>body input#market-price-search { width: 85px; }
/* bearbeitet 2006-03-16 von thorsten stumpf; temporaler flicken */
div#market-price-search-container form h4, #market-price-search-container form h4 label { font-weight: bold !important; }
div#market-price-search-container form input.btn-search { border: none; padding-top: 0; margin-top: 0; }
/* ende */
input.btn-send
{
 display: block;
 float: right;
 margin: 6px 0 0 0;
 border: 0px none;
}
form#short-contact-phone input.btn-send
{
 margin: 3px 0 0 0;
}
input.btn-search
{
 display: block;
 float: left;
 margin: 0 0 0 6px;
}
div#context-zone div.teaser
{
 /* EDIT 2006-05-17: 13:32 Thorsten Stumpf - Rahmen um Teaser für Firefox verbessern
 border-width: 1px;
 border: solid #d6d6d6;*/
 border: none;
 padding: 0 0 0 0;
 overflow: hidden;
}
div#context-zone div.teaser img
{
 display: block;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}
div#context-zone div.teaser div.portlet-content
{
 border-width: 0px;
 padding: 9px 9px 9px 9px;
}
div#context-zone div.teaser div.portlet-content h4
{
 padding-bottom: 6px;
}
div#context-zone div.teaser div.portlet-content div.link 
{
 text-align: right;
 padding-top: 5px;
}

/*END: context zone */
/**************************************************/

/**************************************************/
/*START: iframe zone */

div#iframe-zone
{
font-size: 11px;
line-height: 14px;
background-color:#FFFFFF;
border: solid #FFFFFF;
}

div#iframe-zone p
{
font-size: 11px;
line-height: 14px;
}

div#iframe-zone div.legend p 
{
 font-size: 10px;
 line-height: 13px;
 padding: 4px 0 0 0 !important;
}
/*END: iframe zone */
/**************************************************/

/**************************************************/
/*START: form elements */
input.label,
textarea.label
{
 color: #a3a3a3;
}
input.right
{
 text-align: right;
}
input#sc-email-firstname,
input#sc-email-lastname,
input#sc-phone-firstname,
input#sc-phone-lastname
{
 font-size: 11px;
 padding: 2px 3px 1px;
 background: #fff;
 border: 1px solid #a3a3a3;
 vertical-align: top;
 margin: -1px 0 -1px 3px;
}
input#sc-email-firstname,
input#sc-phone-firstname
{
 width: 57px;
 height: 19px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 45px;
 height: 14px;
}
html>body input#sc-email-firstname { width: 45px; height: 14px; }
html>body input#sc-phone-firstname { width: 45px; height: 14px; }
input#sc-email-lastname,
input#sc-phone-lastname
{
 width: 60px;
 height: 19px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 50px;
 height: 14px;
}
html>body input#sc-email-lastname { width: 50px; height: 14px; }
html>body input#sc-phone-lastname { width: 50px; height: 14px; }
input#sc-email-email,
input#sc-phone-prefix,
input#sc-branch-street,
input#sc-branch-number,
input#sc-branch-zipcode
{
 font-size: 11px;
 padding: 1px 3px;
 margin: -1px 0;
 background: #fff;
 border: 1px solid #a3a3a3;
}
input#sc-email-email
{
 width: 171px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 163px;
}
html>body input#sc-email-email { width: 163px; }
input#sc-phone-prefix
{
 width: 67px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 58px;
}
html>body input#sc-phone-prefix { width: 58px; }
input#sc-phone-number,
input#sc-branch-number,
input#sc-branch-city
{
 font-size: 11px;
 padding: 1px 3px;
 margin: -1px 0 -1px 3px;
 background: #fff;
 border: 1px solid #a3a3a3;
}
input#sc-phone-number
{
 width: 101px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 91px;
}
html>body input#sc-phone-number { width: 91px; }
input#sc-branch-street
{
 width: 106px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 95px;
}
html>body input#sc-branch-street{ width: 95px; }
input#sc-branch-number
{
 width: 62px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 54px;
}
html>body input#sc-branch-number{ width: 54px; }
input#sc-branch-zipcode
{
 width: 62px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 54px;
}
html>body input#sc-branch-zipcode { width: 54px; }
input#sc-branch-city
{
 width: 106px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 95px;
}
html>body input#sc-branch-city { width: 95px; }
select#sc-email-salutation,
select#sc-phone-salutation
{
 font-size: 11px;
 width: 49px;
 margin: 0 -1px 0 0;
 vertical-align: middle;
}
select#sc-email-interest,
select#sc-phone-interest
{
 font-size: 11px;
 width: 172px;
 margin: 0 -1px 0 0;
}
textarea#sc-email-question
{
 font-size: 11px;
 padding: 1px 0 0 3px;
 margin: -1px 0;
 border: 1px solid #a3a3a3;
 height: 50px;
 width: 171px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height: 47px;
 width: 166px;
}
html>body textarea#sc-email-question { width: 166px; height: 47px; }/*END: form elements */
/**************************************************/
/**************************************************/
/*START: styled checkboxes and radiobuttons */
table.styled-inputs
{
 border: none;
}
table.styled-inputs td.input
{
 vertical-align: top;
}
table.styled-inputs label
{
 font-size: 11px;
 line-height: 14px;
}
table.styled-inputs td.label
{
 vertical-align: top;
 padding: 1px 0 0 6px;
 width: 100%;
}
table.styled-inputs td.spacer
{
 font-size: 0;
 line-height: 0;
 height: 6px;
}
/*END: styled checkboxes and radiobuttons */
/**************************************************/
/**************************************************/
/*START: pagination */
div.pagination-zone
{
 background: #d6d6d6;
 padding: 8px 0 0 0;
 height: 31px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height: 23px;
}
html>body div.pagination-zone { height: 23px; }
div.pagination-zone p.previous
{
 font-size: 11px;
 line-height: 14px;
 color: #a3a3a3;
 float: left;
 padding: 0 0 0 9px;
 width: 100px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 91px;
}
html>body div.pagination-zone p.previous { width: 91px; }
div.pagination-zone p.previous img
{
 margin: 0 6px 0 0;
 vertical-align: baseline;
}
div.pagination-zone p.next
{
 font-size: 11px;
 line-height: 14px;
 color: #a3a3a3;
 text-align: right;
 float: right;
 padding: 0 9px 0 1px;
 width: 100px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 90px;
}
html>body div.pagination-zone p.next { width: 90px; }
div.pagination-zone p.next img
{
 margin: 0 0 0 6px;
 vertical-align: baseline;
}
div.pagination-zone p.previous a,
div.pagination-zone p.next a
{
 color: #333;
}
dl.pagination
{
 float: left;
 width: 389px;
 margin: 1px 0 0 0;
 text-align: center;
}
dl.pagination dt,
dl.pagination dd
{
 font-size: 11px;
 line-height: 14px;
 color: #5c5c5c;
 display: inline;
}
dl.pagination dd
{
 padding: 0 0 0 9px;
}
dl.pagination dd strong
{
 color: #000;
}
dl.pagination dd a
{
 color: #333;
 text-decoration: underline;
}
/*END: pagination */
/**************************************************/
/**************************************************/
/*START: neue styles ab 2006-03-17*/
div#content-zone div.legend p,
div#context-zone div.legend p
{
 font-size: 10px;
 line-height: 13px;
 padding: 1px 0 0 0 !important;
}
div.pagination-zone div.legend p
{
 float: left;
 width: 389px;
 text-align: center;
 padding: 0 !important;
 margin: 1px 0 0 0;
 color:  #ff0000;  /*#5c5c5c;*/
}
div.image-float
{
 float: left;
 padding: 3px 6px 0 0;
}
div.image-float img
{
 display: block;
}
div.image-block
{
 padding: 3px 0 9px 0;
}
div.image-block img
{
 display: block;
}
div#content-zone p a,
div#context-zone p a
{
 color: #E2001A;
}
div#content-zone p a.link,
div#context-zone p a.link,
div#content-zone p.next a,
div#content-zone p.previous a,
div#content-zone p.application a
{
 color: #333;
 text-decoration: none;
}
/*END: neue styles ab 2006-03-17*/
/**************************************************/
 
div#short-dax,
div#short-tecdax,
div#short-dow img
{
 margin:-9 0 0 -10;
}
/**************************************************/
/*START: one-to-one-teaser */
div.one-to-one-teaser
{
 border: 1px solid #d6d6d6;
 background: #fff;
}
div.teaser-content
{
 padding: 9px;
}
div.one-to-one-teaser h3
{
 color: #5c5c5c;
 padding: 0 0 4px 0;
}
div.one-to-one-teaser p
{
 font-size: 11px;
 line-height: 14px;
 color: #333;
}
div.one-to-one-teaser img.img-block
{
 display: block;
}
div.one-to-one-teaser div.list p
{
 padding: 0 0 4px 0;
}
div.one-to-one-teaser div.conclude
{
 padding: 12px 0 0 0;
 text-align: right;
}
div.one-to-one-teaser div.conclude img
{
 display: block;
 margin: 0 0 0 auto;
}
/*END: one-to-one-teaser */
/**************************************************/
/**************************************************/
/*START: markets */
.markets table {
 border-collapse: collapse;
 border-right: 1px solid #a3a3a3;
 border-left: 1px solid #a3a3a3;
 width: 591px;
}
.markets table th a,
.markets table th a:link,
.markets table th a:visited,
.markets table th a:hover,
.markets table th a:active,
.markets table th a:focus {
 color: #333333 !important;
 text-decoration: none !important; 
}
.markets tbody tr {
 border-bottom: 1px solid #eee;
}
.markets table td a,
.markets table td a:link,
.markets table td a:visited,
.markets table td a:hover,
.markets table td a:active,
.markets table td a:focus {
 color: #333333 !important;
 text-decoration: underline !important; 
}
.markets thead {
 border-bottom: 1px solid grey;
 background-color: lightgrey;
}
.markets thead th {
 font-weight: normal;
}
.markets th,
.markets td {
 padding: 4px 0px 4px 13px;
 text-align: left;
 overflow: hidden;
}
.markets th.lastcol,
.markets td.lastcol {
 padding-right: 13px;
}
.markets th,
.markets th div,
.markets td {
 font-size: 11px;
 line-height: 14px;
}
.markets th .title {
 float: left;
 width: 40%;
 text-align: left;
 font-weight: bold;
}
.markets th .scroller {
 float: right;
 width: 40%;
 text-align: right;
 padding-right: 9px;
}
.markets th .scroller span {
 padding-left: 6px;
}
.markets th .scroller span.active {
 font-weight: bold;
}
.markets h3,
.markets h3 .first {
 padding-bottom: 0px;
}
.markets table tr.even td {
 background-color: rgb(255,255,255);
}
.markets table tr.odd td {
 background-color: rgb(209,224,255);
}

/*END: markets */
/**************************************************/
/**************************************************/
/* start: content-banking-sites */
/**************************************************/
div.content-appl-2col-wrapper
{
 width: 589px;
 height: 110px;
 background: #fff;
 /*border-top:  1px solid #a3a3a3;*/
 border-right: 1px solid #a3a3a3;
 border-bottom: 1px solid #a3a3a3;
 border-left: 1px solid #a3a3a3;
}
div.content-appl-2col-wrapper div.content-appl-frameline {
 width: 293px;
 padding: 18px 9px 9px 9px;
 float: right;
}
 div.content-appl-2col-wrapper div.content-appl-frameline h3 img
{
 padding: 0px 0px 9px 0px;
}

/**************************************************/
/* end: content-banking-sites */
/**************************************************/

div.content-2cols-1col
{
 background: #fff;
 padding: 2px 9px 0;
}
div.product h3
{
 padding: 0 0 2px 0;
}
div.product h3 img
{
 display: block;
}
div.product p.links
{
 padding: 13px 0 0 0;
}
div.product p.links a
{
 color: #D8001D !important;
}
div.product p.links span.pipe
{
 padding: 0 2px 0 3px;
 color: #a3a3a3;
}
 
/**************************************************/
/* start: produkte-overview */
/**************************************************/

ul.overview a {
 font-size: 11px;
 line-height: 14px;
 background: url('/img/ico/arrow_r.gif') no-repeat center right;
 padding-right: 18px;
 display: block;
}
ul.overview a span {
 position:absolute;
 left:180px;
}
ul.overview li div {
 background-color: #b4c033;
 border: 1px solid #b4c033;
 padding: 4px 73px 3px 10px;
 margin: 2px 0px 2px 0px;
 font-weight: bold;
}
ul.overview li li div {
 background-color: white;
 padding: 4px 73px 3px 10px;
 font-weight: normal;
}

/**************************************************/
/* end: produkte-overview */
/**************************************************/

/**************************************************/
/* start: tabelle-overview */
/**************************************************/
table {
 border-collapse: collapse;
 font-size: 11px;
 line-height: 14px;
 width: 100%;
}
th a,th a:link,table th a:visited,th a:hover,th a:active,th a:focus {
 !text-decoration: underline !important;
}
thead th a.descending {
 background-image: url('/img/ico/sort-down.gif');
}
thead th a.ascending {
 background-image: url('/img/ico/sort-up.gif');
}
thead th a {
 background-image: url('/img/ico/sort-default.gif');
 background-repeat: no-repeat;
 background-position: right top;
 padding-right: 14px;
 display: inline-block;
}
thead tr {
 background-color: #C0C0C0;
}
thead a, thead strong, thead td, thead th {
 font-weight: bold;
}
tbody tr.even {
 background-color: #F1F1F1;
}
tbody tr.odd {
 background-color: #E4E4E4;
}
tbody tr td:hover a {
 color: #E2001A;
}
tbody p, tbody img {
 padding-top: 4px;
}
tbody img {
 padding-top: 6px;
}
th,td { 
 padding: 4px 4px 4px 4px;
 text-align: left;
 vertical-align: top;
}
thead th { 
 text-transform: uppercase;
}
th.right,td.right {
 text-align: right;
}
th.firstcol,td.firstcol {
 padding-left: 10px;
}
thead th.firstcol, thead td.firstcol{
 text-transform: uppercase;
}
th.lastcol, td.lastcol {
 padding-right: 10px;
}
/**************************************************/
/* end: tabelle-overview */
/**************************************************/

th p {
TEXT-DECORATION: none;
}
/****************************************************/
div.produkt-home-left 
{
 background-position:12px 14px;
 background-repeat:no-repeat;
 margin-left: 0px;
 padding: 11px 0 0px 0px;
 width: 250px;
}
.first
{
 background-position: 12px;
 padding-top: 0px;
}
div.produkt-home-right
{
 background-position:12px 14px;
 background-repeat:no-repeat;
 margin:0 0 0 0px;
 padding:11px 0 0px 0px;
 width:250px;
}
/**************************************************/
/* Accordion */
#accordion
{
    background-color: #ffffff;
    padding: 14px 0px 20px 0px;
    width: 589px;
}
div.accordion-toggler
{
    margin: 9px;
    padding:0;
}
div.accordion-element
{
    margin: 0;
    padding: 4px 9px 9px 9px;
}
div.accordion-separator
{
    height: 1px;
    background: url('/img/ico/img-accordion-verlauf.jpg') repeat-x;
    margin: 0;
    padding:0;
}
div.accordion-toggler span.product
{
    background: url(/img/ico/arrow_r.gif) no-repeat 0 5px;
    padding-left:12px;
    color: black;
    font-weight: bold;
    display: block;
}
div.content-2cols-1-2-wrapper
{
  margin: 0;
  padding: 9px;
  background-color: #ffffff;
}
div.left-1-2
{
    width: 171px;
    float:left;
}
div.right-1-2
{
    width: 372px;
    float:right;
}
div.accordion-element div.left-1-2,
div.accordion-element div.right-1-2
{
    padding-bottom: 14px;
}
div.accordion-element div.left-1-2 img
{
    margin-left: 12px;
}
div.accordion-element div.add-info-downloader
{
    padding-right: 0px;
}
div.accordion-element div.add-info-downloader dl.download dt
{
    text-align:right;
}
