/**
 * (en) Stylesheet for Tabs Plugin
 * (de) Stylesheet Tabs Plugin
 *
 * @copyright			Copyright 2015, crossbase mediasolution GmbH
 * @version				1.0
 */

@media screen
{

	.jquery-tabs {
		display: table;
		border-collapse: collapse;
		table-layout: fixed;
		margin: 0 0 24px 0;
		width: 100%;
	}

	.jquery-tabs.add-shadow {
		box-shadow: none;
	}

	.jquery-tabs.add-shadow ul.tabs-list li a,
	.jquery-tabs.add-shadow .tab-content {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}

	.half-padding .jquery-tabs {
		margin: 0 0 12px 0;
	}

	.jquery-tabs ul.tabs-list {
		display: block;
		list-style-type: none;
		margin: 0;
		position: relative;
		z-index: 1;
		border-bottom: 2px solid #1d374a;
	}

	.jquery-tabs ul.tabs-list li {
		background: transparent;
		display: inline;
		float: left;
		margin: 0 6px 0 0;
		padding: 0;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.jquery-tabs ul.tabs-list li a,
	.jquery-tabs ul.tabs-list li a:visited {
		font-family: 'Univers LT Bold', cnRegular, sans-serif;
		background: #eeeeee;
		display: block;
		float: left;
		padding: 4px 24px;
		margin: 0;
		text-decoration: none;
		color: #000000;
		border-radius: 0;
		-webkit-transition: background 0.3s ease 0s;
		transition: background 0.3s ease 0s;
	}

	.jquery-tabs ul.tabs-list li a:focus,
	.jquery-tabs ul.tabs-list li a:hover,
	.jquery-tabs ul.tabs-list li a:active {
		background: #1d374a;
		color: #ffffff;
	}

	.jquery-tabs ul.tabs-list li.current a,
	.jquery-tabs ul.tabs-list li.current a:focus,
	.jquery-tabs ul.tabs-list li.current a:hover,
	.jquery-tabs ul.tabs-list li.current a:active {
		background: #1d374a;
		color: #ffffff;
	}

	.jquery-tabs .content {
		clear: both;
		padding: 24px 24px 0 24px;
	}

	.jquery-tabs .tab-content {
		padding: 0;
		background: #fff;
		border-radius: 0;
	}

	.jquery-tabs .tab-content:after,
	.jquery-tabs .tab-content:before {
		content: '';
		display: table;
		width: 100%;
	}

	.half-padding .jquery-tabs .tab-content {
		padding: 0;
	}

	.js .jquery-tabs .current-info,
	.js .jquery-tabs .accessibletabsanchor{
		left: -999em;
		position: absolute;
	}

	.jquery-tabs .tab-head	{
		left: -32768px;
		position: absolute;
	}

	.box-wrapper-100 .jquery-tabs .tab-content,
	.jquery-tabs .jquery-tabs .tab-content,
	.accordion .jquery-tabs .tab-content,
	.ym-grid-col-padding .jquery-tabs .tab-content,
	.table-grid .jquery-tabs .tab-content {
		background: #fff;
	}

	.box-wrapper-100 .box-wrapper-100 .jquery-tabs .tab-content,
	.box-wrapper-100 .jquery-tabs .jquery-tabs .tab-content,
	.box-wrapper-100 .accordion .jquery-tabs .tab-content,
	.jquery-tabs .box-wrapper-100 .jquery-tabs .tab-content,
	.jquery-tabs .jquery-tabs .tab-content,
	.jquery-tabs .accordion .jquery-tabs .tab-content,
	.accordion .box-wrapper-100 .jquery-tabs .tab-content,
	.accordion .jquery-tabs .jquery-tabs .tab-content,
	.accordion .accordion .jquery-tabs .tab-content {
		background: #f2f2f2;
	}

}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 750px */
	/* (de) Media Query 750px */
	/*------------------------------------------------------------------------------------------------------*/

@media
screen and (max-width: 750px),
screen and (max-width: 750px) and (-webkit-min-device-pixel-ratio: 1.1),
screen and (max-width: 750px) and (	 min--moz-device-pixel-ratio: 1.1),
screen and (max-width: 750px) and (		 -o-min-device-pixel-ratio: 1.1),
screen and (max-width: 750px) and (				min-device-pixel-ratio: 1.1)
{

	.jquery-tabs {
		display: block;
	}

	.jquery-tabs ul.tabs-list li {
		float: none;
		display: block;
		margin-right: 0;
		border-radius: 0;
		width: 75%;
	}

	.jquery-tabs ul.tabs-list li a {
		border-radius: 0;
		border-bottom: 1px solid #fff;
	}

	.jquery-tabs ul.tabs-list li.first a {
		border-radius: 0;
	}

	.jquery-tabs ul.tabs-list li a {
		float: none;
	}

}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 560 */
	/* (de) Media Query 560 */
	/*------------------------------------------------------------------------------------------------------*/

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

	.jquery-tabs {
		margin: 0 0 12px 0;
	}

	.jquery-tabs ul.tabs-list li a,
	.jquery-tabs ul.tabs-list li a:visited {
		padding: 4px 12px;
	}

	.jquery-tabs .tab-content {
		padding: 12px 12px 0 12px;
	}

}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 400 */
	/* (de) Media Query 400 */
	/*------------------------------------------------------------------------------------------------------*/

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

	.jquery-tabs ul.tabs-list li {
		width: 100%;
	}

	.jquery-tabs .tab-content {
		border-radius: 0;
	}

}