/**
 * (en) Tabs Plugin
 * (de) Register 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;
	}

	.jquery-tabs ul.tabs-list li {
		background: transparent;
		display: inline;
		float: left;
		margin: 0 12px 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: 'Open Sans Light', cnRegular, sans-serif;
		font-size: 18px;
		line-height: 24px;
		background: #ffffff;
		display: block;
		float: left;
		padding: 6px 24px;
		margin: 0;
		text-decoration: none;
		color: #0d0d6e;
		border-radius: 8px 8px 0 0;
		-webkit-transition: background 0.3s ease 0s;
		transition: background 0.3s ease 0s;
		position: relative;
	}

	.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: #e6f0ff;
		border-color: transparent;
	}

	.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:active {
		background: #e6f0ff;
		border-color: transparent;
	}

	.jquery-tabs ul.tabs-list li a::after {
		content: '';
		height: 6px;
		width: 100%;
		line-height: 0;
		position: absolute;
		background: transparent;
		left: 0;
		bottom: 0;
		z-index: 1;
		-webkit-transition: background 0.3s ease 0s;
		transition: background 0.3s ease 0s;
	}

	.jquery-tabs ul.tabs-list li.current a::after {
		background: #e6f0ff;
	}

	.jquery-tabs .content {
		padding: 0;
		position: relative;
	}

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

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

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

	.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,
	.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: #e6f0ff;
	}

}

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

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

	.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;
		float: none;
	}

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

}

	/*------------------------------------------------------------------------------------------------------*/
	/* (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: 6px 12px;
	}

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

	.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:active {
		background: #e6f0ff;
	}
	
	.jquery-tabs ul.tabs-list li.current a::after {
		display: none;
	}

}

	/*------------------------------------------------------------------------------------------------------*/
	/* (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 0 8px 8px;
	}

}