/**************************************************/
/* hvb.de layout */
/* copyright by HypoVereinsbank 2005 */
/* */
/* Last updated 01 Februar 2006 */
/**************************************************/
/**************************************************/
/*START: initial definitions */
html, body, p, h1, h2, h3, h4, h5, h6, li, dt, dd, th, td, label
{
 margin: 0;
 padding: 0;
 font-family: Arial, Geneva, Helvetica, sans-serif;
 color: #333;
}
div, ul, ol, dl, table, form
{
 margin: 0;
 padding: 0;
 font-size: 0;
 line-height: 0;
}
input, select, textarea
{
 font-family: Arial, Geneva, Helvetica, sans-serif;
 color: #333;
}
select, textarea
{
 margin: 0;
 padding: 0;
 background: #fff;
}
img
{
 border: none;
 margin: 0;
 padding: 0;
}
ul, li, dl, dt, dd
{
 list-style-type: none;
}
a
{
 font-family: Arial, Geneva, Helvetica, sans-serif;
 color: #333;
 text-decoration: none;
}
span
{
 font-family: Arial, Geneva, Helvetica, sans-serif;
}
hr
{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #e20e13;
 border-bottom: transparent;
}
h6,
div#area-id h1
{
 position: absolute;
 left: -3000px;
}
div#area-id-small h1
{
 position: absolute;
 left: -3000px;
}
div.clear
{
 clear: both;
 height: 0;
 font-size: 1px;
}
.nowrap
{
 white-space: nowrap;
}
/*END: initial definitions */
/**************************************************/
/**************************************************/
/*START: zones definitions*/
div#logo-zone
{
 position: absolute;
 top: 32px;
 left: 34px;
}
body#home div#logo-zone
{
 top: 52px; /*changed 2006-04-12*/
 left: 643px; /*changed 2006-04-11*/ 
}
div#unicredit-link
{
 position: absolute;
 top: 0;
 left: 850px;
 width: 98px;
 height: 18px;
}
div#member-of-unicreditgroup
{
 position: absolute;
 top: 40px;
 left: 786px;
 width: 169px;
 height: 57px;
}
div#top-navigation-zone
{
 position: absolute;
 top: 0;
 left: 0;
 width: 832px;
 height: 14px;
 text-align: right;
 border-top: 3px solid #eee; /*changed 2006-04-11*/ 
}
div#navigation-zone
{
 position: absolute;
 top: 81px;
 left: 0;
 width: 150px;
}
body#home div#navigation-zone
{
 top: 114px;
 left: 9px;
 width: 148px;
}
div#content-zone
{
 position: absolute;
 top: 117px;
 left: 158px;
 width: 591px;
}
body#home div#content-zone
{
 top: 145px;
 left: 0;
 width: 749px; /*changed 2006-04-11*/ 
}
div#context-zone
{
 position: absolute;
 top: 117px;
 left: 757px;
 width: 191px;
}
body#home div#context-zone
{
 top: 145px;
}
div#toplink-zone
{
 position: absolute;
 top: -20px;
 left: 1px;
 width: 591px;
}
div#page-tools-zone
{
 background: url(/img/ico/bg-page-tools.gif) 0 36px repeat-x #eee;
 padding: 36px 0 0 3px;
 height: 61px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height: 25px;
}
html>body div#page-tools-zone { height: 25px; }
div#footer-zone
{
 padding: 36px 0;
}
body#home div#footer-zone
{
 width: 591px;
 margin: 0 0 0 158px;
}
div#page-tools-zone div.mandatory
{
 margin-top: -30px;
 line-height: 14px;
 padding-left: 3px;
 font-size: 11px;
 float: left;
}
/*END: zones definitions*/
/**************************************************/
/**************************************************/
/*START: content definitions*/
div#content
{
 background: #eee;
 border: solid #eee;
 border-width: 0 1px;
 width: 591px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 589px;
}
html>body div#content { width: 589px; }
body#home div#content
{
 background: #fff;
 padding: 9px 0 0 0;
 border: none;
 width: 749px;
}
body#subhome div#content
{
 padding: 9px 0 0 0;
}
div#area-id
{
 width: 591px;
 height: 108px;
}
div#area-id-small
{
 width: 591px;
 height: 72px;
}
body#home div#area-id
{
 width: 749px; /*changed 2006-04-11*/ 
 height: 225px;
}
body#subhome div#area-id
{
 width: 591px;
 height: 225px;
}
div.content-3cols-left
{
 width: 191px;
 float: left;
}
div.content-3cols-middle,
div.content-3cols-right
{
 width: 191px;
 float: left;
 margin: 0 0 0 8px;
}
/*END: content definitions*/
/**************************************************/
/**************************************************/
/* hvb.de layout */
/* copyright by HypoVereinsbank 2005 */
/* */
/* Last updated 11 April 2006 */
/**************************************************/
/**************************************************/
/* img upload: */
/*  */
/**************************************************/
/**************************************************/
/*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: left;
 margin: 0; /*changed 2006-04-11*/
 border-right: 1px solid #eee; /*changed 2006-04-11*/
 border-left: 1px solid #eee; /*changed 2006-04-11*/
 padding: 0 7px 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: #5c5c5c;
 display: inline;
}
ul.generic-nav
{
 float: right;
 margin: 0; /*changed 2006-04-11*/
 border-right: 1px solid #eee; /*changed 2006-04-11*/
 border-left: 1px solid #eee; /*changed 2006-04-11*/
 padding: 0 7px 1px 8px; /*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: #5c5c5c;
}
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 2px;
}
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: #eee;
 padding: 13px 0 0 9px;
 border-bottom: 1px solid #fff;
 width: 150px;
 height: 36px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 141px;
 height: 22px;
}
html>body div.nav-zone-top { width: 141px; height: 22px; }
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: 132px; }
div.main-navigation
{
 background: #eee;
 /* Original: padding: 31px 9px 27px 9px; */
 padding: 17px 9px 13px 9px;
 border-bottom: 1px solid #fff;
 width: 150px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 132px;
}
html>body div.main-navigation { width: 132px; }
div.nav-zone-bottom
{
 background: #eee;
 width: 150px;
 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: 14px;
 font-weight: bold;
 color: #000;
 padding: 2px 0 12px 26px;
 background: url(/img/ico/nav-icon-first-level.gif) no-repeat;
}
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;
}
ul.first-level li a 
{
  color: #000;
}
ul.first-level li.active strong a
{
 font-weight: bold;
 color: #f60;
}
ul.second-level
{
 margin: 4px 0 0 -26px;
}
ul.second-level li,
ul.second-level li.active
{
 
 font-size: 11px;
 line-height: 14px;
 font-weight: normal;
 color: #333;
 padding: 6px 0 0 26px;
 background: url(/img/ico/nav-icon-second-level.gif) no-repeat;
}
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: #f60;
}
ul.third-level
{
 margin: 0 0 0 -26px;
 padding: 0;
}
ul.third-level li,
ul.third-level li.active
{
 font-size: 11px;
 line-height: 14px;
 font-weight: normal;
 color: #333;
 padding: 6px 0 0 32px;
 background: url(/img/ico/nav-icon-empty.gif) repeat-y;
}
ul.third-level li a
{
 color: #333;
}
ul.third-level li.active strong a
{
 font-weight: normal;
 color: #f60;
}
/*END: primary navigation */
/**************************************************/
/**************************************************/
/*START: tab navigation*/
div#content ul.tab-nav
{
 background: url(/img/ico/bg-tab-nav.gif) repeat-x 1px 0;
 height: 23px;
 border-top: 1px solid #d6d6d6;
}
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/dot-d6d6d6.gif) left bottom repeat-x #eee;
 float: left;
}
* html div#content ul.tab-nav li
{
 padding: expression("0");
 background-position: expression("left bottom");
}
div#content ul.tab-nav li.active
{
 background: #fff;
}
div#content ul.tab-nav li a
{
 padding: 4px 7px 5px 9px;
 float: left;
}
div#content ul.tab-nav li a strong
{
 font-weight: normal;
 color: #f60;
}
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: 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;
}
/*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 p
{
 font-size: 11px;
 line-height: 14px;
}
.pipe
{
 padding: 0 1px;
}
a.link img
{
 margin: 0 0 0 6px;
}
a.link span.url
{
 text-decoration: underline;
}
/*END: general definitions */
/**************************************************/
/**************************************************/
START: content-1col 
div.content-1col-wrapper
{
 width: 589px;
 background: url() #fff;
}
div.content-1col-wrapper-spacer
{
 height: 15px;
 background: #fff;
}
div.content-1col-footer
{
 height: 8px;
 background: #fff;
}
body#tabbed-content div.content-1col-footer
{
 border-bottom: 1px solid #d6d6d6;
 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.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;
}
.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;
}
/* 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:              #324395;
}
.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 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;
}
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;
}
/*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: 27px;
 background: #d6d9ea;
 padding: 0 0 0 10px;
}
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: #000;
 text-decoration: underline;
}
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 */
/**************************************************/
/**************************************************/
/* hvb.de layout */
/* copyright by HypoVereinsbank 2005 */
/* */
/* Last updated 01 Februar 2006 */
/**************************************************/
/**************************************************/
/*START: content zone */
input.input-XL,
input.firstname,
input.street,
input.housenumber,
input.zipcode,
input.city,
input.prefix,
input.phonenumber,
input.dateofbirth-day,
input.input-login
{
 margin: auto;
}
input.dateofbirth-month,
input.dateofbirth-year,
input.prefix,
input.phonenumber
{
 margin: 0 0 0 9px;
}
/*END: context zone */
/**************************************************/
/**************************************************/
/*START: context zone */
input#sc-email-firstname
{
 margin: 0 0 0 3px;
 vertical-align: middle;
}
input#sc-email-lastname
{
 margin: 0 0 0 3px;
 vertical-align: middle;
}
input#sc-email-email,
textarea#sc-email-question,
input#market-price-search,
input#sc-phone-prefix,
input#sc-branch-street,
input#sc-branch-zipcode
{
 margin: auto;
}
input#sc-phone-number,
input#sc-branch-city
{
 margin: 0 0 0 3px;
}
div#short-contact-email p.hint
{
 padding: 3px 0 0 12px !important;
}
div#short-contact-phone p.add
{
 padding: 1px 0 3px 0;
}
/*END: context zone */
/**************************************************/
/**************************************************/
/*START: neue styles ab 2006-03-17*/
div.image-float
{
 padding: 3px 9px 0 0;
}
/*END: neue styles ab 2006-03-17*/
/**************************************************/
/**************************************************/
/* hvb.de layout */
/* copyright by HypoVereinsbank 2005 */
/* */
/* Last updated 01 March 2006 */
/**************************************************/
div#content
{
 padding: 9px 0 0 0;
}
body#tabbed-content div#content
{
 padding: 0;
 border: solid #d6d6d6;
 border-width: 0 1px;
}
/**************************************************/
/*START: content-2cols */
div.content-2cols-wrapper
{
 width: 589px;
 background: url(/img/ico/bg-content-2cols_produktseite.gif) no-repeat #fff 293px 18px;
}
div.content-2cols-wrapper-spacer
{
 height: 15px;
 background: #fff;
}
div.content-2cols-wrapper div.content-2cols-left
{
 float: left;
 width: 293px;
}
div.content-2cols-wrapper div.content-2cols-right
{
 float: left;
 width: 293px;
 margin: 0 0 0 3px;
}
div.content-2cols-footer
{
 height: 9px;
 background: #fff;
}
body#tabbed-content div.content-2cols-footer
{
 border-bottom: 1px solid #d6d6d6;
 height: 10px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 height: 9px;
}
html>body body#tabbed-content div.content-2cols-footer { height: 9px; }
/*END: content-2cols */
/**************************************************/
/**************************************************/
/*START: content-2cols content-elements content-1col*/
div.content-padding
{
 padding: 0 9px;
}
p strong
{
 color: #333;
}
p.introduction
{
 padding: 0 0 14px 0;
}
div.next
{
 padding: 14px 0 0 0;
}
div.links
{
 padding: 21px 0 0 0;
 text-align: right;
}
div.links a
{
 color: #333;
}
div.links div.conclude
{
 padding: 6px 0 0 0;
}
div.rightplaced
{
 padding: 16px 0 10px 0;
 text-align: right;
}
.pipe
{
 line-height: 10px;
 font-size: 15px;
 color: #999;
 padding: 0 3px;
}
/*END: content-2cols content-elements */
/**************************************************/
/**************************************************/
/*START: benefits */
div.benefits
{
 padding: 2px 0 15px 0;
}
div.benefits h3
{
 padding: 0 0 9px 0;
}
div.benefits h3 img
{
 display: block;
}
div#content div.benefits ul li
{
 padding: 6px 0 0 12px;
 background: url(/img/ico/icon-star-f60.gif) no-repeat;
 background-position: 0 11px;
}
div#content div.benefits ul li:first-child
{
 padding: 0 0 0 12px;
 background-position: 0 5px;
}
* html div#content div.benefits ul li
{
 padding: expression(previousSibling ? "6px 0 0 12px" : "0 0 0 12px");
 background-position: expression(previousSibling ? "0 11px" : "0 5px");
}
div.content-wrapper
{
 border-top: 3px solid #eee;
 margin: 6px 0 0 0;
 padding: 3px 0 0 0;
}
/*END: benefits */
/**************************************************/
/**************************************************/
/*START: additional information block and calculator tools*/
div.add-info-downloader
{
 border-top: solid 3px #eee;
 padding: 6px 9px 15px 9px;
}
div.add-info-downloader h4
{
 color: #333;
 padding: 0 0 6px 0;
}
div.add-info,
 div.boxborder
{
 border-top: solid 3px #eee;
}
div.add-info-headline
{
 height: 26px;
 background: #d0d77f;
 padding: 0 9px 0 0;
}
div.add-info-headline-1
{
 height: 26px;
 background: #d0d77f;
 padding: 0 9px 0 0;
}
div.add-info-headline-2
{
 height: 40px;
 background: #d0d77f;
 padding: 0 9px 0 0;
}
div.add-info h3
{
 padding: 6px 0 6px 9px;
 float: left;
}
div.add-info a span
{
 position: absolute;
 left: -3000px;
}
div.add-info div.icon-info
{
 float: left;
 padding: 9px 0 0 8px;
}
div.add-info div.icon-info a
{
 display: block;
 width: 4px;
 height: 8px;
 background: url(/img/ico/icon-info.gif) no-repeat;
}
div.add-info div.icon-show
{
 padding: 5px 0 0 0;
 float: right;
}
div.add-info div.icon-show a
{
 display: block;
 width: 12px;
 height: 12px;
 background: url(/img/ico/icon-show-colse.gif) no-repeat;
}
div.add-info div.icon-show a.open
{
 display: block;
 width: 12px;
 height: 12px;
 background: url(/img/ico/icon-show-open.gif) no-repeat;
}
div.add-info-content
{
 display: none;
 border: solid #d0d77f;
 border-width: 0 1px 1px 1px;
 padding: 7px 9px 0;
}
div.add-info div.add-info-content-padding
{
 width: 100%; /*needed for IE*/
 padding: 8px 0 6px 0;
}
div.add-info div.content-wrapper
{
 border-top: 2px solid #eee;
 margin: 6px 0 0 0;
 padding: 3px 0 0 0;
}
div.add-info h4
{
 color: #333;
 padding: 3px 0 6px 0;
}
div.add-info div.icon-wrapper
{
 padding: 5px 0 0 0;
 float: left;
}
div.add-info div.button-wrapper
{
 padding: 3px 0;
 float: right;
}
div.table
{
 padding: 3px 0 0 0;
}
table.form-table
{
 border: none;
}
table.form-table td.label
{
 vertical-align: top;
 padding: 3px 9px 0 0;
 width: 100%;
}
table.form-table td.label-XL
{
 vertical-align: top;
 padding: 3px 9px 0 0;
 width: 134px;
}
table.form-table label
{
 font-size: 11px;
 line-height: 14px;
}
table.form-table td.input
{
 vertical-align: bottom;
}
table.form-table td.unit
{
 font-size: 11px;
 line-height: 14px;
 vertical-align: top;
 padding: 3px 0 0 2px;
}
table.form-table td.sep
{
 height: 3px;
}
table.form-table td.slider
{
 padding: 4px 0 0 0;
}
table.form-table td.hruler
{
 font-size: 0;
 line-height: 0;
 height: 14px;
 background: url(/img/ico/bg-form-hruler.gif) repeat-x;
}
table.form-table input.input-L,
table.form-table input.input-XL
{
 font-size: 11px;
 background: #fff;
 border: 1px solid #a3a3a3;
 margin: -1px 0;
 padding: 2px 3px 1px;
 height: 19px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height: 14px;
}
html>body table.form-table input.input-L { height: 14px; }
table.form-table input.input-L
{
 width: 73px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 65px;
}
html>body table.form-table input.input-L { width: 65px; margin: auto; }
table.form-table input.input-XL
{
 width: 129px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 121px;
}
html>body table.form-table input.input-XL { width: 121px; margin: auto; }
table.form-table select.select-L
{
 font-size: 11px;
 width: 74px;
}
table.form-table select.select-XL
{
 font-size: 11px;
 width: 130px;
}
table.styled-inputs td.label
{
 vertical-align: top;
 padding: 1px 0 0 6px;
 width: auto;
}
table.styled-inputs td.input
{
 vertical-align: top;
}
table.styled-inputs td.sep-vertical
{
 width: 8px;
 padding: 0;
 margin: 0;
}
div.summary-table
{
 padding: 3px 0 0 0;
}
table.summary
{
 border: none;
}
table.summary td
{
 font-size: 11px;
 line-height: 14px;
}
table.summary tfoot td
{
 font-weight: bold;
}
table.summary tbody td
{
 padding: 0 0 4px 0;
}
table.summary td.label
{
 width: 100%;
}
table.summary td.value
{
 text-align: right;
 white-space: nowrap;
}
div.summary-chart
{
 padding: 12px 0 14px 0;
 background: url(/img/ico/bg-form-hruler.gif) bottom left repeat-x;
}
div.summary-chart h4
{
 color: #5c5c5c;
 padding: 0;
}
div.summary-chart div.image
{
 padding: 3px 0;
}
/*END: additional information block and calculator tools */
/**************************************************/
/**************************************************/
/*START: slider */
div.slider div.minus,
div.slider div.plus
{
 float: left;
 width: 9px;
 height: 9px;
 cursor: pointer;
 cursor: hand;
}
div.slider div.minus
{
 background: url(/img/ico/slider-minus.gif) no-repeat;
 margin: 0 3px 0 0;
}
div.slider div.plus
{
 background: url(/img/ico/slider-plus.gif) no-repeat;
 margin: 0 0 0 3px;
}
div.slider-bar
{
 float: left;
 width: 92px;
 height: 9px;
 background: url(/img/ico/slider-bg.gif) top right no-repeat;
}
div.slider-barfill
{
 width: 0;
 height: 9px;
 background: url(/img/ico/slider-fill.gif) top left no-repeat;
}
div.slider-element
{
 position: relative;
 margin: -9px 0 0 0;
 width: 9px;
 height: 9px;
 background: url(/img/ico/slider-element.gif) no-repeat;
}
/*END: slider */
/**************************************************/
/**************************************************/
/*START: neue styles ab 2006-03-17*/
div.product
{
 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: #324395 !important;
}
div.product p.links span.pipe
{
 padding: 0 2px 0 3px;
 color: #a3a3a3;
}
div.product-hruler
{
 height: 33px;
 background: url(/img/ico/bg-product-hruler.gif) 0 15px repeat-x #fff;
}
/*END: neue styles ab 2006-03-17*/
/**************************************************/
/* iframe-zone EDITED BY Stumpf, Thorsten **START*/
div#iframe-zone .section a.link
{
 text-decoration: underline;
 color: #000;
}
/* iframe-zone EDITED BY Stumpf, Thorsten ****END*/
div#content
{
 padding-top: 5px;
}
div.portlet
{
 background-color: #eee;
}
div#content div.content-1col div.portlet h3
{
 padding-bottom: 2px;
}
div.links
{
 padding-top: 9px;
 padding-bottom: 25px;
 text-align: left;
}

#area-id { 
 background: transparent url(/wartung_files/wartung.gif) repeat scroll 0% 0%; 
 -moz-background-clip: -moz-initial; 
 -moz-background-origin: -moz-initial; 
 -moz-background-inline-policy: -moz-initial;
}