/**************************************************/
/* hvb.de layout */
/* copyright by HypoVereinsbank 2005 */
/* */
/* Last updated 31 March 2008 */
/**************************************************/
div#content
{
 padding: 0px 0 0 0;
}
body#tabbed-content div#content
{
 padding: 0;
 border: solid #a3a3a3;
 border-width: 1px 1px;
}
/**************************************************/
/*START: content-2cols */
div.content-2cols-wrapper
{
 width: 589px;
 background: #fff;
}
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
{
 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 strong
{
 font-weight: bold;
 color: #4077b0;
 font-size: 14px;
}
p.introduction
{
 padding: 0 0 14px 0;
}
div.next
{
 padding: 14px 0 0 0;
}
div.links
{
 padding: 21px 0pt 10px;
 text-align: left;
}
div.links a
{
 color: #333;
}
div.links div.conclude
{
 padding: 17px 0 0 0;
 text-align: right;
}
div#content div.links p {
 line-height: 21px;
}
div.rightplaced
{
 padding: 16px 0 10px 0;
 text-align: right;
}
div#content span.pipe                                                           
{
 line-height: 10px;
 font-size: 15px;
 color: #999;
 padding: 0 3px;
}
/*END: content-2cols content-elements */
/**************************************************/
/**************************************************/
/*START: benefits */
div.benefits
{
 padding: 0px 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(http://www.hypovereinsbank.de/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 #fff;
 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: #e2001a;
 padding: 0 9px 0 0;
}
div.add-info-headline-1
{
 height: 26px;
 background: #e2001a;
 padding: 0 9px 0 0;
}
div.add-info-headline-2
{
 height: 40px;
 background: #e2001a;
 padding: 0 9px 0 0;
}
div.add-info-headline-kampagne
{
 height: 26px;
 background: #eeeeee;
 padding: 0 9px 0 0;
}
div.add-info h3
{
 padding: 6px 0 6px 9px;
 float: left;
 color: #ffffff;
}
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: 12px;
 height: 12px;
 background: url(http://www.hypovereinsbank.de/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(http://www.hypovereinsbank.de/img/ico/icon-show-closed-white.gif) no-repeat;
}
div.add-info div.icon-show a.open
{
 display: block;
 width: 12px;
 height: 12px;
 background: url(http://www.hypovereinsbank.de/img/ico/icon-show-open-white.gif) no-repeat;
}
div.add-info-content
{
 display: none;
 border: solid #e2001a;
 border-width: 0 1px 1px 1px;
 padding: 7px 9px 0;
}
div.add-info-content-box-opened
{
 display: block;
 border: solid #e2001a;
 border-width: 0 1px 1px 1px;
 padding: 7px 9px 0;
}

div.add-info-container-kampagne
{
 display: none;
 border: solid #eeeeee;
 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(http://www.hypovereinsbank.de/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(http://www.hypovereinsbank.de/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(http://www.hypovereinsbank.de/img/ico/slider-minus.gif) no-repeat;
 margin: 0 3px 0 0;
}
div.slider div.plus
{
 background: url(http://www.hypovereinsbank.de/img/ico/slider-plus.gif) no-repeat;
 margin: 0 0 0 3px;
}
div.slider-bar
{
 float: left;
 width: 92px;
 height: 9px;
 background: url(http://www.hypovereinsbank.de/img/ico/slider-bg.gif) top right no-repeat;
}
div.slider-barfill
{
 width: 0;
 height: 9px;
 background: url(http://www.hypovereinsbank.de/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(http://www.hypovereinsbank.de/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(http://www.hypovereinsbank.de/img/ico/bg-product-hruler.gif) 0 15px repeat-x #fff;
}
div.product-hruler-8
{
 height: 22px;
 background: url(http://www.hypovereinsbank.de/img/com/bg-product-hruler-8.gif) 0 15px repeat-x #fff;
}
/*END: neue styles ab 2006-03-17*/
/**************************************************/
/* iframe-zone EDITED BY **START*/
div#iframe-zone .section a.link
{
 text-decoration: underline;
 color: #000;
}
/* iframe-zone EDITED BY ****END*/
/************************************************/
/**************************************************/
/*START: content-2cols-wrapper content-2cols-1col*/
div.content-2cols-wrapper div.content-2cols-1col,
div#tab-1-col div.table
{
 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;
}
/*END: neue styles ab 2006-03-17*/
/**************************************************/
/*START: content button*/
div.back
{
 float: left;
 text-align: left;
 cursor: pointer;
 background-color: transparent;
 padding: 0 0 0 16px;
 border: none;
 background: url(http://www.hypovereinsbank.de/img/ico/icon-prev-active.gif);
 background-position: left 50%;
 background-repeat: no-repeat;
}
/**********************************************************/
/*product-left, product-rigth für die feedback-kontaktseite */
/*********************************************************/
.product-feedback
{
 padding: 2px 0px 0;
}
.product-feedback-left
{
 float:left;
 width:120px;
}
.product-feedback-right
{
 float:left;
 margin:auto 0px 0px 10px;
 vertical-align:bottom;
 width:145px;
 }
/*******************************************************/
/**************************************************/
/* start: rebranding */
/**************************************************/
div.content-2cols-wrapper-spacer {
   background:#FFFFFF none repeat scroll 0%;
   height:17px;
 }
div.company h4 {
   color:#4077B0;
   padding:0pt 0pt 6px;
 }
a:hover {
 color:#e2001a;
}
div#content-zone p a:hover {
 color:#e2001a;
}
div.list ul li {
background:transparent url(http://www.hypovereinsbank.de/img/ico/icon-link.gif) no-repeat scroll 0pt 9px;
font-size:11px;
line-height:14px;
}
ul.bullet li:first-child {
background-position:0pt 0px;
padding:0pt 0pt 0pt 12px;
}
/**************************************************/
/* end: rebranding */
/**************************************************/

/***************************************************************/
/*Start additional information block and calculator tools-red */
/*************************************************************/
div.add-info-headline-red
{
 height: 26px;
 background: #E2001A;
 padding: 0 9px 0 0;
}
div.add-info-content-red
{
 display: none;
 border: solid #E2001A;
 border-width: 0 2px 2px 2px;
 padding: 7px 9px 0;
} 
 /************************************************************/
/*Ende additional information block and calculator tools-red*/
/***********************************************************/