/**
 * @template contentpage
 * @section contentcontainer
 * @component appprocess
**/

#contentContainer #teaserContainer {
width: 900px;
margin: 0 10px;
position: relative;
margin-bottom: 20px;
float: left;
}

/*
#contentContainer #teaserContainer .teaser {
    border: 1px solid #D8D8D8;
    float: left;
    height: 137px;
    margin-left: 20px;
    padding: 20px 10px;
    position: relative;
    width: 197px;
}
*/

/*
#contentContainer .hvb-onlinebankingpage #teaserContainer .teaser {
    border: 1px solid #D8D8D8;
    float: left;
    height: 137px;
    margin-left: 5px;
    padding: 20px 10px;
    position: relative;
    width: 197px;
}
*/

.accountSteps ul{
    padding-top: 20px;
    padding-bottom: 20px;
}

.accountSteps li{
    float: left;
}

.accountSteps li img{
    display: block;
    margin-bottom: 15px;
}

.accountSteps li span, 
.accountSteps li p{
    display: block;
    font-family: PT Sans, arial;
}

.accountSteps li span{
    color: #E2001A;
    font-weight: bold;
    font-size: 34px;
    line-height: 34px;
    padding-right: 10px;
    float: left;
}

.accountSteps li p{
    font-family: Arial;
    font-size: 14px;
    padding: 0;
}

/**
 * @template contentpage
 * @section contentcontainer
 * @component breakline
**/

hr{
    background-image: url('/etc/designs/hypovereinsbank/img/global/bg_hr.png');
    background-position: center top;
    background-repeat: no-repeat;
    height: 2px;
    display: block;
    width: 100%;
    margin-bottom: 17px;
}

/**
 * @section contentcontainer
 * @component calltoaction
**/

.redButtonContainer {
    float: right;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: right;
}

.three-columns-box-c0 .redButtonContainer,
.three-columns-box-c1 .redButtonContainer,
.three-columns-box-c2 .redButtonContainer  {
	margin-bottom: 20px;
    margin-top: 20px;
	float: left;
}

.three-columns-box-c0 p,
.three-columns-box-c1 p,
.three-columns-box-c2 p  {
	padding-bottom: 0px;
}

.redButtonContainer a {
    display: inline;
    font-family: PT Sans,arial;
    font-size: 18px;
}

.redButtonContainer span {
	font-size: 14px;
	font-family: PT Sans, arial;
}

.redButtonContainer[data-position="left"] {
	float: left;
}

.redButtonContainer[data-position="right"] {
	float: right;
}

.redButtonContainer .rbWrapper {
    margin-bottom: 5px;
    text-align: right;
    padding: inherit;
    background: #E2001a;
    float: left;
	margin-right: 10px;
}

span#dialogRedButton {
	color: #ffffff;
    font-weight: bold;
    padding: 0 14px;
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite.png") no-repeat scroll right 1px #E2001A;
    border-right: 10px solid transparent;
}

span#dialogBlueTextLink {
    color: #3F77B2;
    font-weight: bold;
    font-family: arial;
}

.redButtonContainer a.redButton {    
    color: #ffffff;
	font-weight: bold;
	line-height: 24px;
	padding: 0 14px;
	background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite.png") no-repeat scroll right 5px #E2001A;
	border-right: 15px solid transparent;
}

.redButtonContainer a.blueTextLink {    
    cursor: pointer;
    text-decoration: none;
    color: #3F77B2;
    outline: none!important;
    font-weight: bold;
    background: white;
    font-family: arial;
    font-size: 16px;
    padding: 1px 0px 2px 0px;
}

.redButtonContainer a.blueTextLink::after {
	content: ' >';
}

.redButtonContainer a.redButtonX {    
    color: #ffffff;
	font-weight: bold;
	line-height: 24px;
	padding: 0 14px;
	background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite.png") no-repeat scroll right 5px #E2001A;
	border-right: 15px solid transparent;
}

.redButtonContainer[data-type="redButton"] .rbWrapper:hover {
    opacity: 0.7;
}

.redButtonContainer[data-type="blueTextLink"] .rbWrapper:hover {
    opacity: 1;
}

.redButtonContainer .rbWrapper:hover a {
    text-decoration: none;
}

.redButtonContainer a.blueTextLink:hover {
	text-decoration: underline;
}

.redButtonContainer .textlink {
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightRed2.png") no-repeat scroll right 5px transparent;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}

.redButtonContainer .textlink span {
    color: #E2001A;
}

/**
 * @template  contentpage
 * @section   contentcontainer
 * @component listingtable,complexlistingtable,detailstable
**/

table {
    margin-bottom: 20px;
    border: 1px solid #c5d6e8;
}

table th, 
table td{
    border-left: 1px solid #c5d6e8;
    border-bottom: 1px solid #c5d6e8;
    padding: 10px;
    font-size: 12px;
}

table.fondVariante, 
table.accountComparison,
table.comparisontable {
    border: 0px;
}

table.fondVariante th, 
table.accountComparison th,
table.fondVariante td,
table.accountComparison td{
    width: 20%;
}

table td.highlight{
    color: #3f77b2;
}

table .nBB td,
table .nBB th{
    border-bottom: 0;
}

table tr.highlight td{
    background-color: #ecf1f7;
    border-left: 1px solid #ecf1f7;
}

div:not(table.detailstable) table th:first-child, 
div:not(table.detailstable) table td:first-child{
    text-align: right;
}

table tfoot td{
    border-bottom: 0;
    padding-bottom: 0;
}

table a.redBG,
table a.redBG2{
    background: #E2001A url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite2.png") no-repeat scroll 94px 9px;
    color: #ffffff;
    font-family: PT Sans, arial;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 15px;
    text-align: center;
    width: 85px;
    height: 24px;
    display: inline-block;
}

table a.redBG2{
    background: #E2001A url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite.png") no-repeat scroll 88px 6px;
}

table a.redBG:hover,
table a.redBG2:hover{
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

table span.sub{
    font-size: 11px;
    display: block;
}

table thead span.sub,
table thead span.subnopadding{
    font-weight: normal;
    color: #666666;
}

table tbody span.sub strong{
    color: #000000;
}

table tbody p span.sub b {
    color: #000000;
}

table tbody span.sub{
    padding-top: 5px;
}

table tbody p,
table thead p {
    padding-bottom: 0px;
}

table span.subnopadding{
    padding-top: 0px;
    font-size: 11px;
    display: block;
}

table thead tr.rowInfo th{
    border: 0!important;
    position: relative;
    padding: 0;
}

table thead tr.rowInfo .tooltip{
    background: #E2001A;
    color: #ffffff;
    padding: 5px;
    text-align: left;
    position: relative;
    font-family: PT Sans, arial;
    font-size: 14px;
}

table.comparisontable tr th.rowInfo .ttArrow {
    background: url('/etc/designs/hypovereinsbank/img/global/icon_arrow_tablett.png');
    height: 13px;
    width: 15px;
}

table.detailsTabled.noLeftBorder th:first-child, 
table.fondVariante th:first-child, 
table.accountComparison th:first-child,
table.comparisontable th:first-child,
table.complextable th:first-child,
table.detailsTable.noLeftBorder td:first-child,
table.fondVariante td:first-child,
table.accountComparison td:first-child,
table.comparisontable td:first-child,
table.complextable td:first-child {
    border-left: 0;
}

table.fondVariante th, 
table.accountComparison th,
table.comparisontable th,
table.fondVariante td,
table.accountComparison td, 
table.comparisontable td,
table.complextable td {
    padding: 10px;
    text-align: center;
    font-size: 12px;
    width: 20%;
}

table.fondVariante a.redBG{
    margin-top: 20px;
}

table.fondVariante{
    margin-bottom: 30px;
}

table.fondVariante th img{
    margin: 10px 0;
}

table.fondVariante .nBB td{
    padding-top: 20px;
}

table.fondVariante p span.highlight{
     color: #3F77B2;
}

table.accountComparison th{
    padding-top: 10px; /*fix to align text vertically in middle*/
    padding-bottom: 15px;
}

table.accountComparison h3 a{
    color: #000000;
}

table.accountComparison h3 a span{
    color: #3F77B2;
}

table.accountComparison tfoot td{
    padding-top: 10px;/*aligning button*/
    padding-bottom: 10px;
}

table.accountComparison tfoot tr:first-child td{
    padding-top: 10px;
    padding-bottom: 10px;
}

table.accountComparison tr.highlight td{
    font-family: PT Sans, arial;
    font-size: 12px;
    font-weight: bold;
}

table.accountComparison tr.highlight td span{
    color: #3F77B2;
}

table.accountComparison tr.highlight td:first-child{
    font-family: PT Sans, arial;
    font-size: 18px;
    font-weight: bold;
}

/* new style for comparison table component */

table.complextable {
    border: 0;
    margin-bottom: 30px;
}

table.complextable tr img {
    margin: 10px 0;
}

table.comparisontable tbody th,
table.complextable tbody th {
    padding-top: 10px;
    padding-bottom: 15px;
}

table.comparisontable tbody tr th.rowInfo,
table.complextable tbody tr th.rowInfo {
    border: 0!important;
    position: relative;
    padding: 0;
}

table.comparisontable th.rowInfo .tooltip,
table.complextable th.rowInfo .tooltip {    
    background: #E2001A;
    color: #ffffff;
    padding: 5px;
    text-align: left;
    position: relative;
    font-family: PT Sans, arial;
    font-size: 14px;
}

table.comparisontable th.rowInfo .ttArrow,
table.complextable th.rowInfo .ttArrow {
    background: url('/etc/designs/hypovereinsbank/img/global/icon_arrow_tablett.png');
    height: 13px;
    width: 15px;
    position: absolute;
}

table.comparisontable th, 
table.comparisontable td {
    padding: 10px;
    text-align: center;
    font-size: 12px;
    width: 20%;
}

table.comparisontable th:first-child {
    text-align: right;
}

table.comparisontable td.nBB, 
table.complextable td.nBB {
    border-bottom: 0;
}

table.comparisontable td.nBB {
    padding-top: 10px;
    padding-bottom: 15px;
}

table.comparisontable td.nBB a {
    color: #000000;
    font-family: PT Sans, arial;
    font-weight: bold;
    font-size: 1.17em;
}

table.complextable td.nBB a.discoverMoreRB {
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite2.png") no-repeat scroll 94px 10px #E2001A;
}

table.comparisontable td.nBB a.discoverMoreRB {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 5px;
}

table.comparisontable td.nBB p:last-child a.discoverMoreRB {
    margin-top: 0;
    margin-bottom: 0;
}

table.comparisontable a.discoverMoreRB:hover,
table.complextable a.discoverMoreRB:hover {
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

table.comparisontable td.nBB a span.bluetext,
table.complextable td span.bluetext {
    color: #3F77B2;
}

table.comparisontable td.nBB a span.bluelink {
    color: #3F77B2;
    font-family: Arial;
    font-size: 12px;
}

table.comparisontable td span.sub {
    color: #222;
}

table.comparisontable td a span.sub, 
table.accountComparison td span.sub a {
    color: #3F77B2;
}

table.comparisontable td span.subPADDTOP0{
    color: #222;
    padding-top: 0px;
    display: block;
    font-size: 11px;
}

table.comparisontable td.nBB span.sub{
    font-weight: normal;
    color: #666666;
    font-size: 11px;
    display: block;
}

table.comparisontable tr td.highlight {
    border-top: 1px solid #c5d6e8;
    font-family: PT Sans, arial;
    font-size: 12px;
    font-weight: bold;
    color: #222;
}

table.comparisontable tr td.highlight span.bluetext {
    color: #3F77B2;
}

table.comparisontable tr td.highlight:first-child {
    font-size: 18px;
}

table.comparisontable td:first-child {
    border-left: 0;
}

table.comparisontable tr td.highlight {
    background-color: #ecf1f7;
    border-left: 1px solid #ecf1f7;
}

/* end of new style for comparison table component */

hr + div.module > table.detailsTable {
    margin-top: 8px;
}

table.detailsTable {
	border: 0px;
    margin-bottom: 25px;
}

table.detailsTable tr:first-child {
    border-top: 2px solid #C5D6E8;
}

table.detailsTable th, 
table.detailsTable td{
    border-bottom: 1px solid #c5d6e8;
    padding: 10px;
    font-size: 12px;
}

table.detailsTable th, 
table.detailsTable td {
    border-right: 1px solid #C5D6E8; 
}

table.detailsTable td p {
	text-align: left;
}

table.detailsTable th {
    border-left: 1px solid #C5D6E8;
}

table.detailsTable tbody {
    border-color: #C5D6E8;
    border-style: solid;
    border-width: 0 0 2px;
}


table.detailsTable.noLeftBorder th {
    border-left: 0 none;
}

table.detailsTable.noLeftBorder.tableHead tr:first-child th {
    border-left: 0 none;
    border-right: 1px solid #C5D6E8;
}



table.detailsTable.tableHead tr:first-child {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #C5D6E8;
    border-image: none;
    border-style: none none;
    border-width: 0 0 2px;
    font-size: 15px;
}

table.detailsTable.tableHead tr:first-child + tr {
    border-top: 2px solid #C5D6E8;
}


table.detailsTable.tableHead tr:first-child th {
    font-family: LatoBold,arial;
    font-size: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}

table.detailsTable.tableHead.highlight tr:first-child {
    background-color: #ECF1F7;
}

table.detailsTable.tableHead.highlight tr:first-child th {
    border: 0 none;
}

table.detailsTable.tableHead.highlight tr:first-child th:first-child {
    border-left: 1px solid #ECF1F7;
}

table.detailsTable tbody td {
    font-size: 14px;
}

table.detailsTable ul {
    text-align: left;
}

table.detailsTable tbody td > ul.checkList, 
table.detailsTable tbody td > ul.square {
    margin-bottom: -17px;
}

table.detailsTable .linkCell:hover {
    background-color: #ECF1F7;
    color: #3F77B2;
    cursor: pointer;
    text-decoration: underline;
}

table.detailsTable a.ctaButton{
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite.png") no-repeat scroll 5px #E2001A;
    background-position: 95%;
    margin: 5px 0 2px;
    padding: 0 25px;
    color: #FFFFFF;
    font-family: PT Sans,arial;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none; 
}

table.detailsTable a.ctaButtonSublink{
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    font-family: PT Sans,arial;
    padding-top: 5px;
    display: block;
}

table.detailsTable a.ctaButtonSublink span.ctaSublinkRed{
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightRed2.png") no-repeat scroll right 5px #FFF;
    color: #E2001A;
    font-size: 14px;
    padding-right: 10px;  
}

table a.discoverMoreRB {
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite.png") no-repeat scroll 88px 6px #E2001A;
    color: #FFFFFF;
    display: inline-block;
    font-family: PT Sans,arial;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    padding-right: 15px;
    text-align: center;
    width: 85px;
}

table.detailsTable a.discoverMoreRB:hover{
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

table.detailsTable a.ctaButton:hover{
  background-color: #eb4d5f;
}

table.detailsTable.noBorder td {
    border: 0px; 
}
table.detailsTable.noBorder tbody {
	border: 0px; 
}
table.detailsTable.noBorder th {
    border: 0px;
}

table.detailsTable.noBorder.tableHead tr:first-child th {
    border: 0px;
}
table.detailsTable.noBorder.tableHead tr:first-child + tr {
    border: 0px;
}

.tooltip2{
    color: #000000;
    position: relative;
    font-size: 12px;
    border: 1px dotted;
}

/**
 * @template contentpage
 * @section contentcontainer
 * @component findaccount
**/
.findAccount .module {
	padding-bottom: 20px
}

.findAccount .cat {
	margin-bottom: 20px;
    float: left;
    margin-right: 20px;
    width: 190px;
}

.findAccount .cat span {
    display: block;
    font-family: PT Sans,arial;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.findAccount .cat p {
    color: #666666;
    padding-bottom: 0;
}

.findAccount .cat span b {
    color: #222;
}

.findAccount .cat span.highlightedblue{
    color: #3F77B2;
    display: inline;
}

.findAccount .cat p a.discoverMore {
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightRed3.png") no-repeat scroll right 10px transparent;
}

.findAccount .cat p a.discoverMoreRB{
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhiteWithRightPadding.png") no-repeat scroll right 10px #E2001A;
    color: #FFFFFF;
    font-family: PT Sans,arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
    text-align: center;
    display: inline-block;
}

/**
 * @template contentpage
 * @section contentcontainer
 * @component pageareafooter
**/

.module.contentFooter ul{
    margin-bottom: 15px;
}

.module.contentFooter ul.leftSide li a{
    font-size: 12px;
}

.module.contentFooter ul.rightSide{
    padding-right: 15px;
}

.module.contentFooter ul.rightSide li{
    text-indent: -10000px;
    float: right;
}

.module.contentFooter ul.rightSide li.mail a {
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 14px;
    height: 18px;
    width: 18px;
    display: block;
	padding-left: 5px;
}

.module.contentFooter ul.rightSide li.mailx a:before {
    background-image: url("img/Mail_Icon.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 31px;
    width: 46px;
}
.module.contentFooter ul.rightSide li.mail, .module.contentFooter ul.rightSide li.print {
    text-indent: 0px;
}
.module.contentFooter ul.rightSide li.print a:before {
    background-image: none;
    background-position: 5px center;
    background-repeat: no-repeat;
    height: 0;
    width: 0;
}
.module.contentFooter ul.rightSide li .acimg {
   width: 50px;
   display: block;
   height: 45px;
   text-align:center;
}
.module.contentFooter ul.rightSide li .acimg img {
   width: 30px;
   margin-bottom: 4px;
}


.module.contentFooter span.state{
    font-size: 10px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding-bottom: 5px;
}

/**
 * @template contentpage
 * @section contentcontainer
 * @component textimage
**/

.leftCol, .rightCol {
    float: left;
}

.rightCol p {
    padding-bottom: 0px;
}

.rightCol p span.brealinekpar{ 
    font-family: arial;
    font-size: 14px;
    line-height: 1.3;
    padding-bottom: 0px;
    margin-top: -5px;
}

.rightCol p span.highlightedpar{
    font-family: PT Sans, arial;
    font-size: 18px;
    line-height: 19px;
    display: block;
    padding-bottom: 5px;
}

.mainProductTeaser .rightCol p span.brealinekpar{ 
    font-family: PT Sans,arial;
    font-size: 18px;
}

.mainProductTeaser .leftCol {
    margin-right: 20px;
    width: 200px;
}

.mainProductTeaser .rightCol {
    width: 510px;
}

.promotion .mainProductTeaser .rightCol {
    width: 750px;
}
@media screen and (max-width: 1180px) {
	.promotion .mainProductTeaser .rightCol {
    	width: 610px;
	}
}
@media screen and (max-width: 1023px) {
	.promotion .mainProductTeaser .rightCol {
    	width: 400px;
	}
}
.three-columns-box .mainProductTeaser .rightCol {
    width: auto;
}


.mainProductTeaser p {
    font-family: PT Sans,arial;
    font-size: 18px;
}

.mainProductTeaser .redButtonContainer {
    margin-top: 40px;
}

.mainProductTeaser a.discoverMore {
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightRed3.png") no-repeat scroll right 10px transparent;
}

.mainProductTeaser a.discoverMoreRB{
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite.png") no-repeat scroll 112px 10px #E2001A;
    color: #FFFFFF;
    font-family: PT Sans,arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
    text-align: center;
    width: 100px;
    display: inline-block;
}

.productDetails .leftCol,
.productDetails .rightCol{
    margin-right: 0;
    margin-top: 22px;
    margin-bottom: 22px;
}

.productDetails.highlightBG{
    background-color: #ecf1f7;
    border-left: 1px solid #cccccc;
}

.productDetails .highlightBG .leftCol {
    margin-right: 29px;
}

.productDetails .highlightBG{
    background-color: #ECF1F7;
    border-left: 1px solid #CCCCCC;
}

.productDetails .leftCol{
    width: 110px;
    margin-right: 30px;
}

.productDetails .leftCol img{
    margin-top: 5px;
}

.productDetails .rightCol{
    width: 590px;
}

.productDetails.listing .leftCol,
.productDetails.listing .rightCol{
    margin-top: 0px;
    margin-bottom: 0px;
}

.listing .highlightBG{
    margin-bottom: 20px;
    padding: 15px 0 20px 0;
}

.listing .additionalPadding {
    margin-bottom: 20px;
    padding: 15px 0 20px;
}

.listing .rightCol a.discoverMore {
    display: inline-block;
    margin-bottom: 20px;
    padding-top: 5px;
}

a.discoverMore {
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightRed3.png") no-repeat scroll right 10px transparent;
    color: #E2001A;
    font-family: PT Sans,arial;
    font-size: 14px;
    font-weight: bold;
    padding-right: 12px;
}

.listing .highlightBG a.discoverMoreRB,
.listing a.discoverMoreRB{
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhite.png") no-repeat scroll 112px 10px #E2001A;
    color: #FFFFFF;
    font-family: PT Sans,arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
    text-align: center;
    width: 100px;
    display: inline-block;
}

/**
 * @template contentpage
 * @section contentcontainer
 * @component textvideo
**/

.video {
    margin-bottom: 25px;
}

.video .leftCol {
    margin-right: 20px;
}

.video .leftCol img {
    cursor: pointer;
}

.video .videoSpace {
    display: none;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.module .videoContainer {
    margin-bottom: 20px;
    text-align: left;
}
.videoContainer {
    text-align: center;
    width: 100%;
}

.module .videoContainer {
    text-align: left;
}

.video .rightCol {
    width: 510px;
}

.video .rightCol h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
}

/**
 * @template contentpage
 * @container contentcontainer
 * @component textwithexpandimage
**/

.productDetails .leftCol, 
.productDetails .rightCol{
    margin-bottom: 22px;
    margin-right: 0;
    margin-top: 22px;
}

.productDetails .leftCol{
    margin-right: 30px;
    width: 110px;
}

.productDetails .rightCol{
    width: 590px;
}

.productDetails.highlightBG {
    background-color: #ECF1F7;
    border-left: 1px solid #CCCCCC;
}

.productDetails.highlightBG .leftCol{
    margin-right: 29px;
}

.productDetails .leftCol img{
    margin-top: 5px;
}

.productDetails h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 18px;
}

.productDetails ul {
    margin-bottom: 20px;
}
/*
.productDetails ul li {
    background: url("/etc/designs/hypovereinsbank/img/global/icon_dash.png") no-repeat scroll left 8px transparent;
    display: block;
    padding-left: 13px;
}

.productDetails ul.checkList li {
	background-image: url('/etc/designs/hypovereinsbank/img/global/icon_check.png');
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 25px;
	padding-left: 35px;
	line-height: 19px;
	margin-bottom: 11px;
}*/

.showAlways a.discoverMore,
.extend a.discoverMore{
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightRed3.png") no-repeat scroll right 10px transparent;
}

.showAlways a.discoverMoreRB,
.extend a.discoverMoreRB{
    background: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightWhiteWithRightPadding.png") no-repeat scroll right 10px #E2001A;
    color: #FFFFFF;
    font-family: PT Sans,arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 20px;
    text-align: center;
    display: inline-block;
}

/**
 * @template contentpage
 * @container contentcontainer
 * @component youtubevideo
**/



/**
 * @template contentpage
 * @section contentcontainer
 * @component video
**/

.module .videoContainer {
    margin-bottom: 20px;
    text-align: left;
}

/**
 * @template contentpage
 * @section contentcontainer
 * @component event
**/

.module.eventOverview{
	margin-bottom: 17px;
}

.module.eventOverview .timeNav{
	height: 25px;
	margin-bottom: 14px;
	padding: 5px 10px;
	border-bottom: 1px solid #3F77B2;
	background-color: #ECF1F7;
}

.module.eventOverview .timeNav img.calendar{
	margin-top: -9px;
	float:left;
}

.module.eventOverview .timeNav h2{
	padding-left: 10px;
	float:left;
}

.module.eventOverview .eventOverviewRow{
	padding: 5px 10px;
}
/*
.module.eventOverview .eventOverviewRow:nth-child(even){
	background-color: #ECF1F7;
}*/
.module.eventOverview .greyBg{
	background-color: #ECF1F7;
}

a.discoverMore   {
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
a.iconFb  {
	
    padding-top: 6px;
 
}
.eventDetails p{
	 padding-bottom: 0px;
	
}

.lt-ie9 .module.eventOverview .greyBg{
	background-color: #ECF1F7;
}

.module.eventOverview .eventOverviewRow .eventTeaser{
	width: 223px;
	min-height: 98px;
	margin: 0 0 0 20px;
	float: left;
}

.module.eventOverview .eventOverviewRow .eventTeaser:first-child{
	margin-left: 0;
}

.module.eventOverview .eventOverviewRow .eventTeaser img{
	margin-bottom: 11px;
}

.eventDetails{
	margin-bottom: 6px;
}

 .careerFaq .expanderOnly .expander{
	margin-bottom: 10px;
}

 .lt-ie8 .expanderOnly {
	margin-bottom: 10px;
}

img.videoPreviewFaq{
	margin-bottom: 20px;
}


.iconFb:before{
    content: "";
    padding-left: 20px;
    background: url("/etc/designs/hypovereinsbank/img/global/icon_fb.png") no-repeat left 2px;
}

.iconXing:before{
    content: "";
    padding-left: 20px;
    background: url("/etc/designs/hypovereinsbank/img/global/icon_xing.png") no-repeat left 2px;
}
.productDetails.gallery .leftCol,
.productDetails.gallery .rightCol {
	margin-top: 0;
	margin-bottom: 0;
}

.productDetails.gallery .leftCol{
	width: 232px;
	margin-right: 25px;
}

.productDetails.gallery .rightCol{
	width: 473px;
}

.productDetails.gallery .leftCol img {
	float: left;
	margin-right: 5px;
}

.mainProductTeaser.contactPrivateTeaser .leftCol, .mainProductTeaser.contactPrivateTeaser .rightCol {
	margin-bottom: 20px;
    width: 355px;
}

.mainProductTeaser.contactPrivateTeaser .leftCol > img {
    display: block;
    float: left;
    margin-right: 20px;
}

.mainProductTeaser.contactPrivateTeaser .leftCol > div {
    float: left;
}

.mainProductTeaser.contactPrivateTeaser .leftCol > div > div {
    margin-top: 15px;
}

.mainProductTeaser.contactPrivateTeaser .leftCol > div > div:first-child {
    margin-top: -4px;
}

.mainProductTeaser.contactPrivateTeaser .leftCol > div > div > .name {
    font-weight: bold;
}

.mainProductTeaser.contactPrivateTeaser .leftCol > div a, .mainProductTeaser.contactPrivateTeaser .leftCol > div span {
    display: block;
}

.contactPrivateForm .salutation .labelContainer label {
    margin-top: 0;
}

.contactPrivateForm .labelContainer + .labelContainer {
    margin-left: 20px;
}

.contactPrivateForm .labelContainer.small input {
    width: 125px;
}

.contactPrivateForm.contactCareer .labelContainer textarea {
    height: 150px;
}

.contactPrivateForm .labelContainer .selectContainer {
    background-position: 184px center;
    width: 180px;
}

.contactPrivateForm.contactCareer .submitCont {
    margin-top: 40px;
}

.contactMap {
    padding-bottom: 10px;
}

.contactMap .mapWrapper {
    margin: 20px auto 0;
    position: relative;
    width: 400px;
}

.contactMap .mapWrapper img {
    display: block;
}

.contactMap .pointer {
    display: block;
    padding: 8px;
    position: absolute;
}

.contactMap .contactMapLayer {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    display: block;
    height: 64px;
    padding: 8px 10px;
    position: absolute;
    width: 195px;
    z-index: 1;
}

.contactMap .contactMapLayer:before {
    background: url("/etc/designs/hypovereinsbank/img/global/contact/pb_map_layer_tooltip.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 14px;
    left: -10px;
    position: absolute;
    top: 45px;
    width: 10px;
}

.contactMap .contactMapLayer span {
    display: block;
    font-size: 12px;
}

.contactMap .contactMapLayer span:first-child {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
}

.success {
    color: #52A421;
}

.error {
    color: #E2001A;
}

td.paragraphChildrenPadding0px p {
	padding-bottom: 0px;
}

.module.contentFooter ul.socialShare {
	margin: 5px 0 10px 0;
	padding-right: 30px;
}
.module.contentFooter ul.socialShare li {
    text-indent: 0px;
	float: left;
}
.module.contentFooter ul.socialShare li .socialbutton {
    width: 30px;
	margin-right: 10px;
}

/**
 * @template contentpage
 * @section contentcontainer
 * @component twitterfeed
**/

.red {
    border: 1px solid red;
  }
  .ProfileTweet-avatar {
    width: 24px;
	margin: 0 6px 0 0;
	float: left;
  }
  .ProfileTweet {
	margin: 0 0 14px 0;
  }
  .ProfileTweet-content .invisible {
    display: none;
  }
  .ProfileTweet-timestamp {
    float: right;
  }
  .tweetaction {
	text-decoration: none;
  }
  a.tweetaction img {
     margin-right: 20px;
  }
  a.tweetaction:hover {
	text-decoration: none;
  }
  .ProfileTweet-timestamp a, .ProfileTweet-screenName a  {
    color: #8899a6;
    font-size: 12px;
  }
  
  .ProfileTweet .ProfileTweet-header .ProfileTweet-context .retweet-icon  {
    width: 14px;
    height: 15px;
  }
  .ProfileTweet .ProfileTweet-header .ProfileTweet-context span,
  .ProfileTweet .ProfileTweet-header .ProfileTweet-context a {
    font-size: 12px;
    color: #8899a6;
  }
  
  .tweet{
  	padding-right:0px;
  }

 .radio label {
 	font-weight: normal;
 }