@charset "UTF-8";
/* CSS Document */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
.ui-helper-clearfix { display:block; }
/* end clearfix */

/* Tabs
----------------------------------*/
.ui-tabs-nav {
	margin: 20px 0 10px 0;
	padding: 0;
	height: 36px;
}

.v_tabs .ui-tabs-nav {
	margin: 0 0 10px 0;
	padding: 0;
	height: auto;
}

.ui-tabs { position: relative;}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	width: 40px;
	height: 36px;
	text-indent: -10000px;
}

.v_tabs.ui-tabs .ui-tabs-nav li a {
	text-indent: 0; 
	float:none;
	width:auto;
	height:auto;
}

.ui-tabs .ui-tabs-nav li.tab01 a {
	background: url(/images/apps/css/lieferant-tab01.png) 0 -72px no-repeat;
}
.ui-tabs .ui-tabs-nav li.tab02 a {
	background: url(/images/apps/css/lieferant-tab02.png) 0 -72px no-repeat;
}

.btr_tab.ui-tabs .ui-tabs-nav li.tab01 a, .wst_tab.ui-tabs .ui-tabs-nav li.tab01 a {
	background: url(/images/apps/css/lieferant-tab02.png) 0 -72px no-repeat;
}

.btr_tab.ui-tabs .ui-tabs-nav li.tab02 a {
	background: url(/images/apps/css/lieferant-tab01.png) 0 -72px no-repeat;
}

.wst_tab.ui-tabs .ui-tabs-nav li.tab02 a {
	background: url(/images/apps/css/PRiNS_Icon_Tab01.png) 11px 9px no-repeat;
}
.btr_tab {
	margin-left: 8em;
}

.ui-tabs .ui-tabs-nav li a:hover,
.btr_tab.ui-tabs .ui-tabs-nav li a:hover,
.wst_tab.ui-tabs .ui-tabs-nav li a:hover{
	background-position: 0 -36px;
}
.wst_tab.ui-tabs .ui-tabs-nav li.tab02 a:hover {
	background: url(/images/apps/css/PRiNS_Icon_Tab02.png) 11px 9px no-repeat;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.btr_tab.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.btr_tab.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.btr_tab.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.btr_tab.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.wst_tab.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.wst_tab.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.wst_tab.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.wst_tab.ui-tabs .ui-tabs-nav li.ui-tabs-active a
{
	cursor: text;
	background-position: 0 0;
}
.wst_tab.ui-tabs .ui-tabs-nav li.tab02.ui-tabs-selected a,
.wst_tab.ui-tabs .ui-tabs-nav li.tab02.ui-state-disabled a,
.wst_tab.ui-tabs .ui-tabs-nav li.tab02.ui-state-processing a,
.wst_tab.ui-tabs .ui-tabs-nav li.tab02.ui-tabs-active a
{
	background: url(/images/apps/css/PRiNS_Icon_Tab02.png) 11px 9px no-repeat;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0 0 10px 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.lkdwarning {font-weight: bold;}

.ui-widget-content a {
	text-decoration: underline;
}

.ui-widget-content h6 {
	color: #666;
}

/* test: tab-borders */
.ui-tabs-nav {
	background: none;
	border-bottom: 1px solid #cccccc;
}

.v_tabs .ui-tabs-nav {
	background: none;
	border-bottom: 0;
	border-right: 1px solid #ccc;
}


.ui-tabs > [class^="tab"] {
	border: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #ffffff;
}

.v_tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border: 0;
	background-color: #eee;
}

.infoblock-open .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color: #f2f2f2;
}

.infoblock-open .btr_none .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color: #fbf9d2;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active.tab01 {
	border-left: none;
}

.btr_tab .ui-tabs-nav {
	margin-top:0;
}

/* Test: vertical tabs */
/* TODO: responsiveness - Werte sind derzeit "gewürfelt" */
.ui-tabs-vertical { width: 51em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; text-decoration:none; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 0 0.5em; float: right; width: 37em;}

@media screen and ( max-width: 940px) {
.ui-tabs-vertical { width: 49em; }
.ui-tabs-vertical .ui-tabs-panel { padding: 0 0.5em; float: right; width: 35em;}
}

@media screen and ( max-width: 640px) {
.ui-tabs-vertical { width: 34em; }
.ui-tabs-vertical .ui-tabs-nav {width: 8em;}
.ui-tabs-vertical .ui-tabs-panel { padding: 0 0.5em; float: right; width: 24em;}

}

@media screen and ( max-width: 480px) {
.ui-tabs-vertical { width: 30em; }
.ui-tabs-vertical .ui-tabs-panel { padding: 0 0.5em; float: right; width: 20em;}
