html {
	height: 100%;
}

body.virtualBranch {
	height: inherit;
	border-top: 0;
}

/* fix for min-height nexus */

body.nexus {
	min-height: 1010px;
}

.bgImg {
	position: absolute;
	z-index: -1;
}

/**** SET HEADLINES ***/
.virtualBranch h1 {
	margin: 31px 0 45px 0;
	font-family: titillium_weblight;
	font-size: 40px;
	font-weight: normal;
}

.virtualBranch h2 {
	font-family: titillium_weblight;
	/*font-weight: lighter;*/
	font-size: 26px;
	font-weight: normal;
}

.virtualBranch h3 {
	font-family: titillium_weblight;
	font-weight: normal;
}

.virtualBranch textarea {
	resize: none;
}

/*** SET HEADER */
.virtualBranch #headerContainer {
	border-top: 3px solid #E2001A;
}

.virtualBranch #headerContainer .headerLogoSearch {
	height: 72px;
	margin-top: 48px;
}

.virtualBranch #headerContainer .headerLogoSearch .logolink {
	padding-left: 10px;
}

.virtualBranch #headerContainer .headerLogoSearch .closeBack {
	float: right;
	font-family: PT Sans, arial;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	line-height: 13px;
	padding-right: 34px;
	background: url('/etc/designs/hypovereinsbank/img/global/icon_flyoutClose.png') right no-repeat;
	width: 97px;
	margin-top: 1px;
}

.lt-ie9 #headerContainer .headerLogoSearch .closeBack{
	width: 110px;
}

/* special header effects */
.virtualBranch #headerContainer.shadow {
	zoom: 1;
	background: #FFF;
	box-shadow: 0 6px 70px #ccc;
}

.lt-ie9 .virtualBranch #headerContainer.shadow {
	border-bottom: 1px solid #e9e9e9;
}

/*** SET BANKING NAVIGATION ***/
.virtualBranch #mainContainer .bankingNav {
	height: 26px;
	line-height: 1;
	margin: 0 auto;
	position: relative;
	text-align: right;
	z-index: 1;
}

/*** SET CONTENT STYLES */

.virtualBranch #mainContainer {
	padding-top: 0;
	position: relative;
}

.virtualBranch #mainContainer .stage > div {
	padding: 0 10px;
}

.virtualBranch #mainContainer .bankingNav .backButton {
	padding:0 0 3px 10px;
	position: absolute;
	left: 10px;
	top: 9px;
	font-family: titillium_weblight;
	font-size: 20px;
	font-weight: lighter;
	color: #000;
	background: url("/etc/designs/hypovereinsbank/img/virtualbranch/filiale/fragen/img/zurueck_icon.png") no-repeat scroll 0 center;
}

.virtualBranch #mainContainer .bankingNav .backButton:hover {
	text-decoration: none;
}

.virtualBranch #mainContainer .bankingNav .logInButton {
	background-image: url("/etc/designs/hypovereinsbank/img/global/linkArrowRightRed2PaddingLeft.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #FFF;
	color: #e2001a;
	float: right;
	font-family: PT Sans,arial;
	font-weight: bold;
	padding: 5px 22px 5px 10px;
	text-transform: uppercase;
}

.lt-ie9 .virtualBranch #mainContainer .bankingNav .logInButton {
	background-position: 194px center;
}

.virtualBranch #mainContainer .bankingNav .logInButton.shadow {
	zoom: 1;
	box-shadow: 0px 8px 13px -4px #CCC;
}

.lt-ie9 .virtualBranch #mainContainer .bankingNav .logInButton.shadow {
	margin-top: -1px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}


.virtualBranch #mainContainer .bankingNav span.logOutMsg,
.virtualBranch #mainContainer .bankingNav span.logOutMsg.white {
	font-size: 11px;
	line-height: 26px;
	padding: 13px;
}

.virtualBranch #mainContainer .bankingNav span.logOutMsg.white {
	color: #fff;
}


/*** SET STICKY FOOTER STYLES FOR MAIN WRAPPER */
#mainWrapper {
	min-height: 100%;
	margin-bottom: -18px;
}

.virtualBranch #mainWrapper:after {
	content: "";
	display: block;
	height: 149px;
}

/*** SET CONTAINERS */
.virtualBranch .headlineContainer {
	float: left;
	width: 364px;
	margin-right: 24px;
}

.virtualBranch .informationContainer {
	float: left;
	margin-left: 27px;
}

.virtualBranch .containerWrapper  {
	width: 364px;
	margin-right: 24px;
	font-family: PT Sans,arial;
	font-size: 16px;
	float: left;
}

.oneBox .containerWrapper  {
	width: 320px;
	margin-right: 17px;
	font-size: 14px;
	float: left;
}

.virtualBranch .containerWrapper.last,
.oneBox .containerWrapper.last {
	margin-right: 0;
}

.virtualBranch .containerAskSearch {
	width: 461px ;
}

/*** SET FOOTER ***/
.virtualBranch #footerContainer {
	width: 100%;
	height: 18px;
	margin: 0 auto;
	position: relative;
	bottom: 91px;
}

.virtualBranch #footerContainer .stage li {
	float: left;
	margin-right: 65px;
}

.virtualBranch #footerContainer .stage li a {
	color: #222;
	font-size: 14px;
}

.virtualBranch #footerContainer .stage li.copyright {
	float: right;
	margin: 0;
}

.virtualBranch .redButtonContainer {
	float: left;
	margin-top: 0;
}

.virtualBranch .redButtonContainer .rbWrapper {
	background: #B12A2F;
}

@media screen and (max-width: 1180px) {

	.virtualBranch #mainContainer .stage > div {
		padding: 0 25px;
	}

	.virtualBranch #mainContainer .bankingNav .backButton {
		left: 25px;
	}
}

@media screen and (max-width: 1023px) {

	.virtualBranch #mainContainer .stage > div {
		padding: 0 10px;
	}

	.virtualBranch #mainContainer .bankingNav .backButton {
		left: 10px;
	}

	.virtualBranch #footerContainer .stage li {
		float: left;
		margin-right: 19px;
	}

	.virtualBranch #footerContainer .stage li.last-item {
		margin-right: 15px;
	}

	.virtualBranch #footerContainer .stage li.copyright {
		float: right;
		margin: 0;
	}
}
