/* FADING CONTENT CONTAINER */

#fadeHidden {
	height: 100%;
}

.virtualBranch #mainWrapper {
	position: relative;
}

.lt-ie9 .virtualBranch #mainWrapper {
	height: auto;
}

.lt-ie9 .virtualBranch .containerButtons {
	margin-top: 146px;
	position: relative;
	bottom: 0;
}

.virtualBranch #backgroundContainer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-image: url('/etc/designs/hypovereinsbank/img/virtualbranch/filiale/startseite/img/bg_1920px.png');
	background-position: center 123px;
	background-repeat:  no-repeat;
}

.lt-ie9 .virtualBranch #backgroundContainer,
.ie9 .virtualBranch #backgroundContainer {
	background-image: url('/etc/designs/hypovereinsbank/img/virtualbranch/filiale/startseite/img/bg_1920px_blur.png');
}

.virtualBranch #backgroundContainer:before {
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 0;
	background-image: url('/etc/designs/hypovereinsbank/img/virtualbranch/filiale/startseite/img/bg_1920px_blur.png');
	background-position: center 123px;
	background-repeat:  no-repeat;
}

.virtualBranch #backgroundContainer.active:before {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */
	filter: alpha(opacity=75);  /* older IEs */
	-webkit-transition: opacity 1.0s ease-in;
	transition: opacity 1s ease-in;
}

/* GENERAL */

/* add position relative to header to show box-shadow over background image */
.virtualBranch.landingPage #headerContainer.shadow {
	position: relative;
}

.virtualBranch #mainContainer,
.virtualBranch #mainContainer .stage {
	position: static;
}

.virtualBranch .headlineStart {
	margin: 138px 0 0;
	position: relative;
	z-index: 1;
}

.virtualBranch .containerButtons {
	position: absolute;
	bottom: 175px;
	z-index: 1;
}

.virtualBranch .containerButtons a,
.virtualBranch .containerButtons p {
	color: #000;
	font-family: PT Sans;
	font-size: 18px;
}

.virtualBranch .containerButtons h2 {
	margin-top: 20px;
	margin-bottom: 6px;
	padding-left: 15px;
	background: url('/etc/designs/hypovereinsbank/img/virtualbranch/global/icons___h2.png') 0 center no-repeat;
	text-align: left;
	font-weight: lighter;
}

/* CONTAINER */
/* container search */
.virtualBranch .containerSearch {
	float: left;
	width: 558px;
	margin-right: 27px;
}

.virtualBranch .containerSearch form {
	overflow: hidden;
}

.virtualBranch .containerSearch input[type="text"] {
	width: 314px;
	height: 46px;
	padding: 0 28px 0 25px;
	border-radius: 12px;
	border: 2px solid #b12a2f;
	font-size: 16px;
	vertical-align: middle;
}

.lt-ie9 .virtualBranch .containerSearch input[type="text"] {
	line-height: 50px;  /* centering the search input field vertically for ie8*/
}

.virtualBranch .containerSearch input[type="text"]:focus {
	outline: none;
}

.virtualBranch .containerSearch button {
	margin-left: -20px;
	padding: 0;
	background-color: transparent;
	border: none;
}

.virtualBranch .containerSearch button:focus {
	outline: none;
}

.virtualBranch .containerFragen {
	margin-left: 315px;
}

.virtualBranch .containerFragen p {
	margin-left: 45px;
	padding: 0;
}

/* container "selbstbedienung" & "kundenbetreuer" */
.virtualBranch .containerKb,
.virtualBranch .containerSb {
	float: left;
	width: 267px;
	text-align: center;
}

.virtualBranch .imageButton {
	display: inline-block;
}

.virtualBranch .containerKb h2,
.virtualBranch .containerSb h2 {
	margin-left: 33px;
}

.virtualBranch .containerKb li,
.virtualBranch .containerSb li {
	padding-left: 10px;
	background: url('/etc/designs/hypovereinsbank/img/virtualbranch/global/icons_)_5px.png') 0 center no-repeat;
}

.virtualBranch .containerSb {
	margin-right: 21px;
}

.virtualBranch .containerSb ul {
	margin-left: 69px;
	text-align: left;
}

.virtualBranch .containerKb ul {
	margin-left: 82px;
	text-align: left;
}

.virtualBranch.landingPage #footerContainer {
	bottom: 36px;
}

.virtualBranch .marquee {
	font-size: 16px;
	height: 46px;
	left: 22px;
	line-height: 46px;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 37px;
	width: 320px;
	white-space: nowrap;
	color: #666;
	cursor: text;
}

.no-js .virtualBranch .marquee {
	display: none;
}

@media screen and (max-width: 1180px) {
	/* BACKGROUND */
	.virtualBranch #backgroundContainer {
		background-image: url('/etc/designs/hypovereinsbank/img/virtualbranch/filiale/startseite/img/bg_1180px.png');
	}

	.virtualBranch #backgroundContainer:before {
		background-image: url('/etc/designs/hypovereinsbank/img/virtualbranch/filiale/startseite/img/bg_1180px_blur.png');
	}

	/* GENERAL */
	.virtualBranch .headlineStart {
		/*margin-top: 32px;*/
		font-size: 40px;
	}

	.virtualBranch .containerButtons h2 {
		font-size: 26px;
	}

	/* CONTAINER */
	/* container search*/
	.virtualBranch .containerSearch input[type="text"] {
		width: 223px;
	}

	.virtualBranch .containerSearch {
		width: 460px;
		margin-right: 20px;
	}

	.virtualBranch .containerFragen {
		margin-left: 213px;
	}

	/* container "selbstbedienung" & "kundenbetreuer" */
	.virtualBranch .containerSb,
	.virtualBranch .containerKb {
		width: 220px;
		text-align: left;
	}

	.virtualBranch .containerSb {
		margin-right: 20px;
	}

	.virtualBranch .containerSb h2 {
		margin-left: 15px;
	}

	.virtualBranch .containerSb .imageButton,
	.virtualBranch .containerSb ul {
		margin-left: 48px;
	}

	.virtualBranch .containerKb ul {
		margin-left: 87px;
	}

	.virtualBranch .containerKb h2 {
		margin-left: 42px;
	}

	.virtualBranch .containerKb .imageButton {
		margin-left: 83px;
	}

    .virtualBranch .marquee {
	    width: 226px;
    }
}

@media screen and (max-width: 1023px) {

	/* BACKGROUND */
	.virtualBranch #backgroundContainer {
		background-image: url('/etc/designs/hypovereinsbank/img/virtualbranch/filiale/startseite/img/bg_1090px.png');
	}

	.virtualBranch #backgroundContainer:before {
		background-image: url('/etc/designs/hypovereinsbank/img/virtualbranch/filiale/startseite/img/bg_1090px_blur.png');
	}

	/* GENERAL */
	.virtualBranch .containerButtons {
		min-width: 748px;
	}

	.virtualBranch #mainWrapper:before {
		min-width: 768px;
	}

	.virtualBranch .containerButtons h2 {
		font-size: 22px;
	}

	.virtualBranch .containerButtons a,
	.virtualBranch .containerButtons p {
		font-size: 16px;
	}

	/* CONTAINER */
	/* container search*/
	.virtualBranch .containerSearch {
		width: 350px;
		margin-right: 16px;
	}

	.virtualBranch .containerFragen {
		margin-left: 133px;
	}

	.virtualBranch .containerSearch input[type="text"] {
		width: 153px;
		padding: 0 20px 0 14px;
	}

	/* container "selbstbedienung" & "kundenbetreuer" */
	.virtualBranch .containerKb,
	.virtualBranch .containerSb {
		width: 167px;
	}

	.virtualBranch .containerSb {
		margin-right: 16px;
		text-align: left;
	}

	.virtualBranch .containerSb .imageButton {
		margin-left: 9px;
	}

	.virtualBranch .containerSb h2 {
		margin-left: -21px;
	}

	.virtualBranch .containerSb ul {
		margin-left: 7px;
	}

	.virtualBranch .containerKb .imageButton {
		margin-left: 27px;
	}

	.virtualBranch .containerKb h2 {
		margin-left: -4px;
	}

	.virtualBranch .containerKb ul {
		margin-left: 40px;
	}

    .virtualBranch .marquee {
	    width: 150px;
    }
}

@media screen and (max-width: 768px) {

	/* BACKGROUND */
	.virtualBranch #backgroundContainer {
		background-image: url('/etc/designs/hypovereinsbank/img/virtualbranch/filiale/startseite/img/bg_768px.png');
	}

	.virtualBranch #backgroundContainer:before {
		background-image: url('/etc/designs/hypovereinsbank/img/virtualbranch/filiale/startseite/img/bg_768px_blur.png');
	}
}

@media (max-height: 927px) {

	.virtualBranch .headlineStart {
		margin-top: 78px;
	}
}

@media (max-height: 868px) {

	.virtualBranch .headlineStart {
		margin-top: 32px;
	}

	.virtualBranch .containerButtons {
		 bottom: 125px;
	 }
}

@media (max-height: 680px) {

	.virtualBranch .containerButtons {
		bottom: 65px;
	}
}

@media (max-height: 600px) {

	.virtualBranch #mainWrapper {
		height: auto;
	}

	.virtualBranch .containerButtons {
		margin-top: 86px;
		position: relative;
		bottom: 0;
	}
}