﻿/**************************************************/
/* 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 #fff;
 border-width: 0 1px;
}
/**************************************************/
/*START: content-2cols */
div.content-2cols-wrapper
{
 width: 589px;
 }
div.content-2cols-wrapper-home
{
 width: 600px; 
 }
div.content-2cols-wrapper-home.border-bottom 
{
 border-bottom: 1px solid #f2f2f2;
}
div.content-2cols-wrapper-spacer
{
 height: 13px;
 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-wrapper-home div.content-2cols-left-home
{
 float: left;
 width: 276px;
 margin: 0 0 0 10px;
}
div.content-2cols-wrapper-home div.content-2cols-right-home
{
 float: left;
 width: 276px;
 margin: 0 0 0 19px;
}
div.content-2cols-footer
{
 height: 15px;
 background: #fff;
}
div.content-2cols-footer.border-bottom 
{
 border-bottom: 1px solid #f2f2f2;
 margin: 0 19px;
}
body#tabbed-content div.content-2cols-footer
{
 border-bottom: 1px solid #fff;
 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;
 text-align: left;
}
div.rightplaced
{
 padding: 16px 0 10px 0;
 text-align: right;
}
div#content span.pipe                                                           
{
 line-height: 10px;
 font-size: 15px;
 color: #fff;
 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(/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
{
 
 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: 0px 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: #D8001D;
}
div.product-hruler
{
 height: 33px;
}
div.product-hruler-8
{
 height: 22px;
 background: url(/img/ico/bg-product-hruler-8.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*/
/**************************************************/
/*START: content-2cols-wrapper content-2cols-1col*/
div.content-2cols-wrapper div.content-2cols-1col
{
 background: #fff;
 padding: 2px 9px 0;
}
div.product h3
{
 padding: 0 0 2px 0;
 color:#3F77B2;
 font-family:"Trebuchet MS",Arial,Helvetica;
 font-size:13px;
 font-weight:bold;
}
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;
}
/*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-position: left 50%;
 background-repeat: no-repeat;
}
/*************************************************/
.rejected p
{
font-size: 11px; 
color: #ff0000;
font-weight:bold;
margin: 20px 0px 0px 9px;
}
/***********************************************/
/* disclaimer scrollbalken */
/***********************************************/
div.scroll-disclaimer{
  height: 300px;
  overflow: scroll;
  padding-right: 0px;
  overflow-x: hidden;
  border: 0px solid #eee;
  font-size: 11px;
}
div.content-padding-disclaimer
{
 padding: 0 11px;
}
.checkbox p {
 margin:0px 0 0 23px;
}
