/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * layout
 */

#yoo-zoo .row,
#yoo-zoo .floatbox { 
	overflow: hidden; 
}

#yoo-zoo .width20 {
	float: left;
	width: 19.999%;
}

#yoo-zoo .width25 {
	float: left;
	width: 24.999%;
}

#yoo-zoo .width33 {
	float: left;
	width: 33.333%;
}

#yoo-zoo .width50 {
	float: left;
	width: 49.5%;
}
#yoo-zoo .width100 {
	width: 100%;
}
/*
 * alpha-index
 */

#yoo-zoo .alpha-index {
	height: 25px;
	margin-bottom: 15px;
	overflow: hidden;
}

#yoo-zoo .alpha-index a,
#yoo-zoo .alpha-index span {
	display: inline-block;
	width: 21px;
	height: 25px;
	background: url(../images/alpha_index_item.png) 100% 50% no-repeat;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
}
#yoo-zoo .alpha-index :last-child { background: none; }

#yoo-zoo .alpha-index a:link,
#yoo-zoo .alpha-index a:visited {
	color: #646464;
	text-decoration: none;
}

#yoo-zoo .alpha-index a:hover {
	color: #000000;
	text-decoration: underline;
}

#yoo-zoo .alpha-index span {
	color: #C8C8C8;
	cursor: default;
}

/* center alpha index */
#yoo-zoo .alpha-index-center { text-align: center; }

/*
 * details
 */

#yoo-zoo .details {
	margin-bottom: 26px;
	padding: 0 0 11px 0;
	background: #fff;
	-webkit-box-shadow:  0px 1px 4px 0px #d9d9d9;        
    box-shadow:  0px 1px 4px 0px #d9d9d9;
}
#yoo-zoo .details h1.title {
	margin: 0;
	padding: 20px 20px 9px;
	font-size: 24px;
	line-height: 30px;
	color: #323232;
	font-weight: normal;
}
#yoo-zoo .details h2,
#yoo-zoo .details h3 {
	margin: 0;
	padding: 20px 0px 5px 0px;
}
#yoo-zoo .details h2.subtitle {
	margin: -5px 0px 5px 0px;
	font-size: 16px;
	line-height: 20px;
	color: #323232;
	font-weight: normal;
}

#yoo-zoo .details.alignment-center h1.title {
	font-size: 38px;
	line-height: 42px;
	letter-spacing: -1px;
}

#yoo-zoo .details div.description {
	padding: 10px 20px;
}
#yoo-zoo .details div.description p {
	margin: 0 0 10px;
}
#yoo-zoo .details div.description .userdata {
	margin: 0;
	padding: 0;
	border: 0;
}
#yoo-zoo .details div.description .userdata #form-login-username,
#yoo-zoo .details div.description .userdata #form-login-password {
	margin: 0 20px 20px 0;
	padding: 0;
	float: left;
}
#yoo-zoo .details div.description .userdata #form-login-remember {
	clear: both;
}
#yoo-zoo .details .btn {
	padding: 5px 10px;
}
.yoo-zoo form div {
	margin: 0
}
#yoo-zoo .details.alignment-center { text-align: center; }

#yoo-zoo .details.alignment-left .image {
	margin-right: 0px;
	float: left;
}

#yoo-zoo .details.alignment-right .image {
	margin-left: 15px;
	float: right;
}

#yoo-zoo .details.alignment-center .image {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}
#yoo-zoo .image {
	width: 100%;
	height: auto;
	margin: 0px 0px 15px;
}
/*
 * categories
 */
#yoo-zoo .category-wrapper {
	overflow: visible !important;
}
#yoo-zoo .categories {
	margin: 0px -30px 0px 0px;
}

#yoo-zoo .categories .category { 
	padding: 0px 30px 0px 0px;
	margin: 0 0 30px;
	text-align: center;
}

#yoo-zoo .categories .category-content { 
	background: #fff;
	-webkit-box-shadow:  0px 1px 4px 0px #d9d9d9;        
    box-shadow:  0px 1px 4px 0px #d9d9d9;
}

#yoo-zoo .categories h2.title {
	padding: 20px 10px;
	margin: 0;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

#yoo-zoo .categories h2.title a { 
	color: #333333;
}

#yoo-zoo .categories h2.title span {
	font-size: 10px;
	font-weight: normal;
	color: #969696;
}

#yoo-zoo .categories div.description {
	margin: 0px 20px 20px;
}

#yoo-zoo .categories a.teaser-image {
	display: block;
	margin: 0px 0px 0px 0px;
	/*
	-webkit-box-shadow:  0px 1px 4px 0px #d9d9d9;        
    box-shadow:  0px 1px 4px 0px #d9d9d9;
    */
}
#yoo-zoo .categories a.teaser-image img{
	width: 100% !important;
	height: auto;
}
#yoo-zoo .categories p.sub-categories { margin: 0px; }

#yoo-zoo .categories p.sub-categories a {
	line-height: 14px;
	font-size: 12px;
	color: #323232;
}

#yoo-zoo .categories p.sub-categories span {
	color: #969696;
	font-size: 10px;
}

#yoo-zoo .categories ul.sub-items {
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 14px;
}
#yoo-zoo .categories .detail-link {
	margin: 0 20px 0;
	padding: 0 0 20px;
}
#yoo-zoo .categories .detail-link a {
	text-decoration: underline;
}
#yoo-zoo .categories .detail-link.safe-the-date {
	padding: 0 0 5px;
}

/*
 * items
 */

#yoo-zoo .items {
	overflow: visible !important;
	margin: 0 -30px 0 0;
	clear: both;
}

#yoo-zoo .items-separator {
	padding-top: 20px;
	border-top: 1px solid #D2D3D4;
}

#yoo-zoo .items .row {
	margin: 0px -10px 0px -10px;
	padding-bottom: 30px;
}
#yoo-zoo .items .item,
#yoo-zoo .category-wrapper .item {
	padding: 0px 30px 0px 0px;
	margin: 0 0 30px;
}
#yoo-zoo .items .width100.item {
	padding: 0px 30px 0px 0px;
	margin: 0 0 30px;
}
/*#yoo-zoo .items .item.event-heading .teaser-item {
	background: none;
	-webkit-box-shadow:  none;        
    box-shadow:  none;
}*/
#yoo-zoo .items .width100.item .teaser-item,
#yoo-zoo .category-wrapper .category.width100 .category-content {
	text-align: left;
}

#yoo-zoo .items .teaser-item,
#yoo-zoo .category-wrapper .item .teaser-item {
	padding: 0;
	text-align: center;
	background: #fff;
	-webkit-box-shadow:  0px 1px 4px 0px #d9d9d9;        
    box-shadow:  0px 1px 4px 0px #d9d9d9;
    position: relative;
}
/* Frontpage */
#yoo-zoo.kongress-default-frontpage .categories .category-content .title {
	min-height: 49px;
}

#yoo-zoo.kongress-default-frontpage .categories .category-content {
	height: 360px;
}

/* Aussteller */
#yoo-zoo .item.aussteller:hover {
	z-index: 999998;
}
#yoo-zoo .item.aussteller .teaser-item {
	height: 115px;
	overflow: hidden;
}
#yoo-zoo .item.aussteller .teaser-item:hover {
	height: auto;
	overflow: visible;
	position: absolute;
	margin-right: 30px
}
#yoo-zoo .item.aussteller .teaser-item .pos-title,
#yoo-zoo .item.aussteller .teaser-item .pos-description {
	text-align: left;
	word-break: break-word;
}
#yoo-zoo .item.aussteller .teaser-item .pos-media {
	padding: 20px 20px 0px;
}
#yoo-zoo .item.aussteller .teaser-item .pos-media img {
	width: 100%;
	height: auto;
}

#yoo-zoo .element-link,
#yoo-zoo .element-email {
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow:  ellipsis;
}
/* Speaker */
#yoo-zoo .items .item.speaker .pos-description li {
	height: 36px;
}
#yoo-zoo .items .item.speaker .pos-title a {
	height: 48px;
	display: block;
}
/* position: media */
#yoo-zoo .items div.media-left {
	margin-right: 0;
	float: none;
	line-height: 0;
}

#yoo-zoo .items div.media-right {
	margin-left: 15px;
	float: right;
}

/* position: title */
#yoo-zoo .items h2.pos-title,
#yoo-zoo .category-wrapper .teaser-item h2.pos-title {
	padding: 20px;
	margin: 0;
	line-height: 16px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

/* position top-right */

#yoo-zoo .items .pos-top-right {
	background: #fff;
	border: 1px solid #d9d9d9;
	position: relative;
	float: right;
	margin: 20px;
	max-width: 110px;
	z-index: 1;
}
#yoo-zoo .items .pos-edit {
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	padding: 5px 10px;
}
#yoo-zoo .items .pos-top-right .powered-by-text {
	padding: 5px 10px;
	font-size: 12px;
	border-bottom: 1px solid #efefef;
	text-align: center;
}
#yoo-zoo .items .pos-top-right .rel-media {
	margin: 0;
	float: none;
}
#yoo-zoo .items .pos-top-right .aussteller-logo {
	padding: 10px;
	text-align: center;
}
#yoo-zoo .items .pos-top-right .floatbox + .floatbox {
	border-top: 1px solid #efefef;
}

#yoo-zoo .items h2.pos-title a { text-decoration: none; }

/* position: description */
#yoo-zoo .items ul.pos-description,
#yoo-zoo .category-wrapper .teaser-item ul.pos-description {
	list-style: none;
	margin: 0px;
	padding: 0px 20px 20px;
	line-height: 14px;
	position: relative;

}
#yoo-zoo .items ul.pos-description .element-textarea ul {
	margin-left: 16px;
}
#yoo-zoo .items ul.pos-description .element,
#yoo-zoo .category-wrapper .teaser-item ul.pos-description .element { 
	margin: 0px 0px 7px 0px; 
}
#yoo-zoo .items ul.pos-description .element.last ,
#yoo-zoo .category-wrapper .teaser-item ul.pos-description .element.last { 
	margin: 0px 0px 0px 0px; 
}
#yoo-zoo .items ul.pos-description .element .floatbox {
	margin: 5px 0 0;
}
#yoo-zoo .items .event-day-view {
	position: relative;
	margin: 0 20px 20px;
}
#yoo-zoo .items .event-day-view .element.element-itemcategoryesy  {
	background: #fff;
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid #d9d9d9;
}
#yoo-zoo .items .event-day-view .element.element-itemcategoryesy a {
	color: #333;
}
/*#yoo-zoo .items ul.pos-description .element strong { color: #323232; }*/

/* element type: textarea */
#yoo-zoo .items ul.pos-description .element-textarea > * { margin: 0px 0px 7px 0px; }
#yoo-zoo .items ul.pos-description .element-textarea *:last-child { margin-bottom: 0px; }

/* position: links */
#yoo-zoo .items .pos-links,
#yoo-zoo .category-wrapper .item .pos-links {
	padding: 0;
	margin: 0;
	text-align: left;
	padding: 0px 20px 20px;
}
#yoo-zoo .items .pos-links .element{
	display: inline;
}
/*
 * pagination
 */

#yoo-zoo .zoo-pagination { text-align: center; display: none;}

#yoo-zoo .zoo-pagination div.pagination-bg {
	display: inline-block;
	cursor: pointer;
}

#yoo-zoo .zoo-pagination a { text-decoration: none; }

/* bootstrap reset */
#yoo-zoo .row { margin-left: 0; }

/* custom */

.wk-slideset div .sets .set {
  width: 100% !important;
}
.wk-slideset img
{
max-width: none !important;
}
.kongress-index,
.index-link {
	display: none;
}

/* INFINITE SCROLL */

#infscr-loading {
	position: fixed;
	z-index: 100000;
	background: #fff;
	left: 50%;
	bottom: 0;
	padding: 30px 20px;
	text-align: center;
}
#infscr-loading img {
	margin-bottom: 20px;
}


/* Responsive
----------------------------------------------------------------------------------------------------*/
/* Hide from IE8 */
@media (min-width: 1px) {
	.yoo-zoo img {
		max-width: 100%;
		height: auto;
	}
}
@media (min-width: 1200px) {

    body:after { 
    	content: 'bigger';
    	display: none;
    }
}
@media (min-width: 980px) and (max-width: 1199px) {

    body:after { 
    	content: 'big';
    	display: none;
    }
}
/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 768px) and (max-width: 979px) {

	body:after { 
		content: 'medium';
		display: none;
	}
	/* Layout */
	#yoo-zoo .width25,
	#yoo-zoo .width33 { 
		width: 49.999%; 
	}
	#yoo-zoo .items .width25 .teaser-item { margin-bottom: 20px; }

	#yoo-zoo .width50 .width50 { width: 100%; }
	#yoo-zoo .categories {
		margin-right: -20px !important;
	}
	#yoo-zoo .categories .category,
	#yoo-zoo .category-wrapper .item  { 
		padding-right: 20px;
		margin-bottom: 20px;
	}
}

/* Only Phones */
@media (max-width: 768px) {

	body:after { 
		content: 'small';
		display: none; 
	}

	#yoo-zoo .categories,
	#yoo-zoo .items {
		margin-right: -10px !important;
	}
	#yoo-zoo .categories .category { 
		padding-right: 10px;
		margin-bottom: 10px;
	}
	#yoo-zoo .items .item {
		padding: 0 10px 0 0 !important;
		margin: 0 0 10px !important;
	}	
	#yoo-zoo .category-wrapper .item {
		padding: 0 20px 0 0 !important;
		margin: 0 0 20px !important;
	}
	#yoo-zoo .item.aussteller .teaser-item {
		height: auto;
	}
	#yoo-zoo .details {
		margin-bottom: 20px;
	}

	#yoo-zoo .width25,
	#yoo-zoo .width33 { 
		width: 49.5%; 
	}
	#yoo-zoo .items .teaser-item { margin-bottom: 0px; }

	/* Alignment */
	#yoo-zoo .items div.media-left,
	#yoo-zoo .items div.media-right {
		margin: 0 auto 10px 0;
		float: none;
		text-align: center;
	}
	#yoo-zoo .items .item.aussteller .teaser-item {
		height: auto;
		overflow: visible;
	}
	.kongress-index {
		position: fixed;
		top: 0;
		right: 10px;
		z-index: 1000;
		display: block;
		height: 50px;
		border-left: 1px solid #eee;
	}
	.kongress-index .index-link {
		display: block;
		padding: 17px 10px;
		font-size: 13px;
	}
	/* Frontpage only */
	#yoo-zoo.kongress-default-frontpage .categories .category-content {
		height: auto;
	}
}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 768px) {
	#yoo-zoo .categories {
		margin-right: -20px !important;
	}
	#yoo-zoo .categories .category { 
		padding-right: 20px;
		margin-bottom: 20px;
	}
	#yoo-zoo .width33 { 
		width: 49.9999% !important; 
	}
	/* Alpha Index */
	#yoo-zoo .alpha-index a,
	#yoo-zoo .alpha-index span {
		width: 15px;
		font-size: 12px;
	}
	#yoo-zoo .item.aussteller .teaser-item:hover {
		height: auto;
		overflow: visible;
		position: relative;
		margin-right: 0px
	}
}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* Alpha Index */
	#yoo-zoo .alpha-index a,
	#yoo-zoo .alpha-index span {
		width: 10px;
		background: none;
		font-size: 11px;
	}

	/* Layout */
	#yoo-zoo .width20,
	#yoo-zoo .width25,
	#yoo-zoo .width33,
	#yoo-zoo .width50 { width: 100% !important; }

	/* Alignment */
	#yoo-zoo .details.alignment-left .image,
	#yoo-zoo .details.alignment-right .image {
		display: block;
		margin: 0 auto 10px 0;
		float: none;
	}
	#yoo-zoo .category-wrapper .item {
		padding: 0 10px 0 0 !important;
		margin: 0 0 10px !important;
	}
	#yoo-zoo .items .item.speaker .pos-title a,
	#yoo-zoo .items .item.speaker .pos-description li {
		height: auto;
	}
	#yoo-zoo.kongress-default-frontpage .categories .category-content .title {
		min-height: initial;
	}
	#yoo-zoo .item.aussteller .teaser-item:hover {
		height: auto;
		overflow: visible;
		position: relative;
		margin-right: 0px
	}

}