/*---------------------------------------*/
/* Immobilien Galerie */
/*---------------------------------------*/

.gallery_main {
	width:500px;
	float:right;
}
.gallery_main .gallery_main_mainbar .gallery_main_footerbar .gallery_main_icon_tab {
	width: 98px;
    padding: 0px 0px 0px 2px;
    float: left;
}
.gallery_main .gallery_main_mainbar .gallery_main_footerbar .gallery_main_icon_tab a.gallery_main_href_button {
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 2px 4px;
	text-align: center;
	cursor:pointer;
	text-decoration:none;
	height:20px;
	font: 12px 'Open Sans', Arial, Helvetica, sans-serif;
}
.gallery_main .gallery_main_mainbar .gallery_main_footerbar .gallery_main_href_txt_bounds {
	margin:0 auto;
	overflow:hidden;
	display: inline-block;
}
.gallery_main .gallery_main_mainbar .gallery_main_footerbar .gallery_main_href_button img {
	display: block;
	float: left;
}
.gallery_main .gallery_main_mainbar .gallery_main_footerbar .gallery_main_href_button img.extra_margin {
	margin-top: 3px;
}
.gallery_main .gallery_main_mainbar .gallery_main_footerbar .gallery_main_href_button .href_txt {
	float: left;
	margin-left: 5px;
	margin-top: 2px;
}

.gallery_main .gallery_main_pic_full a img {
	max-height:350px;
}
.gallery_main .gallery_main_pic_full a img.img_full {
	max-height:50000px;
	max-width:600px;
}
.gallery_main .gallery_main_sidebar {
	width:396px;
	height:398px;
	float:left;
	padding:0px 2px 2px;
}
.gallery_main .gallery_main_sidebar .gallery_main_sidebar_images {
	height:200px;
	overflow:hidden;
	position:relative;
	/*background-color:green;*/
}
.gallery_main_small_image_container {
	width: 100%;/*196px;*//*width:198px;*/
	height:94px;
	margin-bottom:2px;
	margin-right:2px;
	position:relative;
	overflow: hidden;
}
.sidebar_images_scroll_button {
	position: absolute;
    top: 70px;
    height: 40px;
    width: 20px;
    opacity: 0.4;
    z-index: 200;
    cursor: pointer;
    background-color: #ccc !important;
    padding: 5px;
    background-position: center !important;
}
.sidebar_images_scroll_button.button_left {
	background: url(/images_portal/immobilien/detail/gallery_arrow_left.png) no-repeat;
	left: 5px;
}
.sidebar_images_scroll_button.button_right {
	background: url(/images_portal/immobilien/detail/gallery_arrow_right.png) no-repeat;
	right: 5px;
}
/*.gallery_main_small_image_container.video {
	background: #666 url(/images_portal/immobilien/detail/play-btn.png) no-repeat;
	background-position: center;
	background-size: 40px;
}*/
.gallery_main_small_image_container.video .spanner_small_img {
	background: rgba(0,0,0,0.3) url(/images_portal/immobilien/detail/play-btn.png) no-repeat;
    background-position: center;
    background-size: 40px;
	display:block;
}
.gallery_main_small_image_container.threesixty_view .spanner_small_img {
	display:block !important;
}
.gallery_main_small_image_container.threesixty_view .spanner_small_img .spanner_inner_elem {
	margin: 0 auto;
    width: 40px;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 4px;
    line-height: 10px;
    font-size: 12px;
    margin-top: 20px;
    color: #fff;
    background: url(/images_portal/immobilien/detail/360.png) no-repeat;
    height: 35px;
    background-position: center;
}

.gallery_main_small_image_container.video .spanner_small_img .spanner_inner_elem {
	border:0px;
	padding-top: 45px;
}
.gallery_popover .gallery_main_small_image_container { 
	border: 1px solid transparent;
	height: 98px !important;
}
.spanner_small_img {
	position: absolute;
	top: 0px;
	height: 94px;
	width:100%;/*width: 198px;*/
	background: rgba(0,0,0,0.3);
	display:none;
}
.gallery_popover .spanner_small_img {
	height:100px;
}
.spanner_big_img {
	position: absolute;
	top: 0px;
	height: 350px;
	width: 100%;
	background: rgba(0,0,0,0.3);
	display:none;
}
.gallery_main_pic_full a:hover .spanner_big_img { display:block; }
.gallery_main_small_image_container:hover .spanner_small_img,
.gallery_main_small_image_container.active_img .spanner_small_img{
	display:block;
}
.spanner_small_img .spanner_inner_elem,
.spanner_big_img .spanner_inner_elem {
	margin:0 auto;
	width:100px;
	padding:10px;
	border:1px solid #fff;
	border-radius:4px;
	line-height:10px;
	font-size:12px;
	margin-top: 30px;
	color:#fff;
}
.spanner_big_img img { margin-top: 120px; }
.spanner_big_img .spanner_inner_elem { margin-top: 10px !important; }
.gallery_main_small_image_container img{
	width: 100%;
	min-height: 94px;
}
.gallery_main .gallery_main_sidebar .gallery_main_sidebar_map {
	/*height:250px;*/
	position:relative;
	/*background-color:red;*/
}

.expose_header .gallery_main_icon_tab {
    min-width: 50px;
    height: 32px;
    margin-right: 10px;
    /*border: 1px solid #ccc;*/
    float: right;
    border-radius: 4px;
    text-align: center;
	cursor:pointer;
	padding: 2px;
}
.expose_header .gallery_main_icon_tab a{
	text-decoration:none;
}
.expose_header .gallery_main_icon_tab .icon_sprite {
	float: none;
    margin: 0 auto;
}
/*.expose_header .gallery_main_icon_tab .icon_sprite.whatsapp,
.expose_header .gallery_main_icon_tab .icon_sprite.facebook {
	display:none;
}*/
.expose_header .social_popover {
	top:47px;
	right: 0px;
}

.icon_sprite {
	background: url('/images_portal/immobilien/detail/immo_detail_sprite_icons.png');
	width: 20px;
	height: 18px;
	float:left;
	margin-top: 2px;
}
.icon_sprite.email {
	background-position: -22px 0px;
}
.icon_sprite.map {
	background-position: -299px -4px;
	margin-top: 0px;
}
.icon_sprite.merken {
	background-position: -320px -4px;
}
.icon_sprite.drucken {
	background-position: 0px 0px;
}
.icon_sprite.whatsapp {
	background-position: -41px 0px;
}
.icon_sprite.facebook {
	background-position: -60px 0px;
}
.icon_sprite.facebook_lg {
	background-position: -280px 0px;
    height: 25px;
}
.icon_sprite.twitter_lg {
    background-position: -148px 0px;
    height: 27px;
    width: 33px;
}
.icon_sprite.google_lg {
    background-position: -225px 0px;
    height: 27px;
    width: 18px;
}
.icon_sprite.whatsapp_lg {
	background-position: -249px 0px;
    height: 27px;
    width: 28px;
}
.icon_sprite.skype_lg {
	background-position: -185px 0px;
    height: 27px;
    width: 25px;
}
.icon_sprite.sms_lg {
    background-position: -116px 0px;
    height: 24px;
    width: 25px;
}
.icon_sprite.email_lg {
	background-position: -81px 0px;
    height: 24px;
    width: 29px;
}
.social_popover {
    position: absolute;
    top: 36px;
    width: 110px;/*250px;*/
    height: 45px;
    right: 5px;
    z-index: 1000;
	display:none;
}
.social_popover:after {
	content: "";
    position: absolute;
    top: -9px;
    left: 50px;/*160px;*/
    border-style: solid;
    border-width: 0 18px 11px;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
}
.social_popover:before {
	content: "";
    position: absolute;
    top: -10px;
    left: 50px;/*160px;*/
    border-style: solid;
    border-width: 0 18px 11px;
    border-color: #ccc transparent;
    display: block;
    width: 0;
    z-index: 0;
}
.social_popover .social_content {
	background: #fff;
	border: 1px solid #ccc;
	height:40px;
	border-radius: 4px;
}
.social_popover .social_item {
	height: 40px;
    width: 35px;
	float: left;
}
.social_popover .social_item .icon_sprite {
	margin: 0 auto;
    float: none;
    margin-top: 7px;
}
.social_popover .social_item a {
	height: 100%;
}

.social_popover .social_item .twitter_lg { margin-top: 5px; }
.social_popover .social_item .google_lg { margin-top: 5px; }
.social_popover .social_item .whatsapp_lg { margin-top: 6px; }
.social_popover .social_item .sms_lg { margin-top: 8px; }
/*.social_popover .social_popover_triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ffffff transparent;
}*/

/* Example wrapper */

.wrap {
  position: relative;
  margin: 3em 0;
}


/* Frame */

.frame {
  height: 190px;
  line-height: 250px;
  overflow: hidden;
}
.gallery_popover .frame {
	height: 129px;
}
.gallery_popover .frame ul {
	height: 99px;
	margin-bottom: 10px;
}
.frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 50px;
}

.frame ul li {
  float: left;
  width:197px;/*width: 200px;*/
  height: 100%;
  margin: 0 1px 0 0;
  padding: 0;
  /*background: #333;*/
  color: #ddd;
  text-align: center;
  cursor: pointer;
}
.gallery_popover .frame ul li {
	width:160px;
}
.gallery_popover .frame ul li {
	width:160px;
}
.frame ul li.active {
  color: #fff;
  /*background: #a03232;*/
}


/* Scrollbar */

.scrollbar {
  margin: 2px 0 1em 0;
  height: 8px;
  background: #ccc;
  line-height: 0;
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  cursor: pointer;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}


/* Pages */

.pages {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  text-align: center;
}

.pages li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  text-indent: -999px;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
}

.pages li:hover {
  background: #aaa;
}

.pages li.active {
  background: #666;
}


/* Controls */

.controls {
  margin: 25px 0;
  text-align: center;
}


/* One Item Per Frame example*/

.oneperframe {
  height: 300px;
  line-height: 300px;
}

.oneperframe ul li {
  width: 1140px;
}

.oneperframe ul li.active {
  background: #333;
}


/* Crazy example */

.crazy ul li:nth-child(2n) {
  width: 100px;
  margin: 0 4px 0 20px;
}

.crazy ul li:nth-child(3n) {
  width: 300px;
  margin: 0 10px 0 5px;
}

.crazy ul li:nth-child(4n) {
  width: 400px;
  margin: 0 30px 0 2px;
}



/* popover gallery */
.gallery_popover {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 900;/*5000000000;*/
	display:none;
}
.gallery_popover .gallery_popover_content {
	margin: 0 auto;
	display: block;
	position: relative;
	width: 80%;
	overflow: hidden;
	margin-top: 120px;
}
.gallery_popover .gallery_popover_content .gallery_popover_content_left {
	width: 60%;
	float: left;
}
.gallery_popover .gallery_popover_content .gallery_popover_content_right {
	width: 30%;
	float: left;
	background: #1a4c98;
}
.gallery_popover .gallery_popover_content .gallery_popover_content_right form {
	min-height:480px;
}
.gallery_popover .gallery_popover_content .gallery_popover_loaded_content {
	width: 88%;
	float: left;
	background: rgba(255,255,255,0.7);
	height: 500px;/*380px;*/
	text-align:center;
	position: relative;
}
.gallery_popover .gallery_popover_content .gallery_popover_loaded_content .content_area {
	height: 100%;
}
.gallery_popover .gallery_popover_content .gallery_popover_loaded_content .content_loading {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 270px;
	padding-top: 230px;
	background: rgba(255,255,255,0.7);
	display:none;
	z-index: 200;
}
.gallery_popover .gallery_popover_content .gallery_popover_loaded_content .content_title {
	 position: absolute;
    top: 20px;
    padding: 10px 25px;
    color: #fff;
    font-size: 16px;
    background: rgba(0,0,0,0.5);
}
.gallery_popover_content .gallery_popover_loaded_content .gallery_popover_content_item.image {
	max-width: 100%;
	max-height: 100%;
}
.gallery_popover .gallery_popover_content .gallery_popover_switch_left,
.gallery_popover .gallery_popover_content .gallery_popover_switch_right	{
	width: 3%;
	float: left;
	padding: 12px 1% 18px;
	background: #fff;
	font-size: 40px;
	margin-top: 225px;
	text-align: center;
	cursor:pointer;
}
.gallery_popover .gallery_popover_content .gallery_popover_switch_left {
	margin-left:1%;
}
.gallery_popover .gallery_popover_content .gallery_popover_switch_left.disabled,
.gallery_popover .gallery_popover_content .gallery_popover_switch_right.disabled,
.gallery_popover .gallery_popover_switch_left_small.disabled,
.gallery_popover .gallery_popover_switch_right_small.disabled {
	color:#bbb;
	cursor:default;
}
.gallery_popover .gallery_popover_content .gallery_popover_switch_left,
.gallery_popover .gallery_popover_content .gallery_popover_switch_right,
.gallery_popover .gallery_popover_switch_left_small,
.gallery_popover .gallery_popover_switch_right_small {
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.gallery_popover .gallery_popover_scrollnav {
	float:left;
	width:88%;
}
.gallery_popover .gallery_popover_scrollnav li.active .gallery_main_small_image_container {
	border: 1px solid #fff;
}
.gallery_popover .gallery_popover_switch_left_small,
.gallery_popover .gallery_popover_switch_right_small {
	float:left;
	width:4%;
	padding: 12px 1% 18px;
	font-size: 40px;
	margin-top: 30px;
	text-align:center;
	color:#fff;
	cursor:pointer;
}

@media (min-width:1400px){
	.gallery_popover .gallery_popover_content .gallery_popover_switch_left,
	.gallery_popover .gallery_popover_content .gallery_popover_switch_right,
	.gallery_popover .gallery_popover_switch_left_small,
	.gallery_popover .gallery_popover_switch_right_small {
		width: 2%;
		margin-left:0px !important;
	}
}
@media (max-width:1400px){
	.gallery_popover .gallery_popover_content {
		width:95% !important;
	}
	.gallery_popover .gallery_popover_content_right,
	.gallery_popover .gallery_popover_close_item	{
		width:40% !important;
	}
}
.gallery_popover_content_row {
	overflow: hidden;
}
.gallery_popover .gallery_popover_content .gallery_popover_switch_left {
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}
.gallery_popover .gallery_popover_content .gallery_popover_switch_right {
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}
/*.gallery_popover_head_close {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 16px;
	overflow:hidden;
	cursor:pointer;
	
}*/
.gallery_popover_close_area {
	cursor:pointer;
}
.gallery_popover .close_text,
.gallery_popover .close_img {
	float:right;
	color: #fff;
}
.gallery_popover .close_text {
	margin-right: 10px;
	padding-top: 6px;
}

.merken_txt_2 {
	display:none;
}
.gallery_main_href_button.aktiv .merken_txt_2 {
	display:block;
	
}
.gallery_main_href_button.aktiv .merken_txt_1 {
	display:none;
}

.gallery_main_href_button.aktiv .icon_sprite.merken {
	background-position: -379px -4px;
}
/*---------------------------------------*/
/* Immobilien Galerie Ende */
/*---------------------------------------*/