/* 20080916, xdt  Versuche mit dem CSS-Stylen der loginseite */
/*xmkr 2010-08-19 altes y_vsstylesheet01 integriert*/

/*  xdt 20101029, analog zum b2c */
a:link,
a:visited,
a:active {
    color: black;
    border-bottom: none;
	text-decoration:underline;
}

a:hover { 
	background: none #EFEFEF; 
}

.filter-result a:link,
.filter-result a:visited,
.filter-result a:active {
    color: #426DCE;
    text-decoration: none;
/*    border-bottom: 1px solid #426DCE;    ok, i.d. resultliste unterstrich raus da sonst d. Korb-img auch einen unterstrich bekommt */
	text-decoration: none !important;
}

.filter-result a:hover { 
	background: none #DEE3EF;
}

.popup #header-appl,   /* 20090511, xdt */
#header-appl {
	background-color: black;
	background-image: none;
	font-family: Verdana,Geneva,sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 74px;
	border: none;
}

#header-appl  * {
	color: white;
} 

#header-appl .header-logo 
{
	background-color: white;
	background-image: url(images/VS-Logo.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	height: 74px;
	width: 99px;
}

/* xmkr 2009-02-10 top von 30 auf 25, damit das Basket-Icon drunter passt*/
#header-appl .header-applname  {
	color: white;
	left: 104px;
	top: 25px; 
}

#header-appl .header-applname em { /* style fuer die teile im header die herausgehoben sein sollen */
	color: white;
}

#header-appl .header-username {
	font-family: Verdana,Geneva,sans-serif;
	color: white; 
}

#header-appl #header-extradiv1,
#header-appl #header-extradiv2,
#header-appl #header-extradiv3,
#header-appl #header-extradiv4,
#header-appl #header-extradiv5,
#header-appl #header-extradiv6 {
	display: none;   /* den trenn strich ausblenden, sap arbeitet offs. mit abs. pos. !!!*/
}

/* ======== generelle styles ========== */
h1 {
	border-bottom-color: black;
	border-left-color: black;
}
h1, h1 * {
	color: black;
}

/* form-elements, mgl. analog zu vscms .. */
input.input-1 {
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	color: black;
	background-color: #f0f0f0;
}

div.button1 a.button,
div.button1 a.button:link,
div.button1 a.button:active {   /* so ist d.loginform geschachtelt, ggf kann man umschliessendes div weglassen ...*/
	background-color: #AAAAAA;
	color: black;
}

div.button1 a.button:hover {
	background-color: #CCCCCC;
	color: black;
}

/* ========= menues  ========= */

#header-appl #header-nav-view ul {
	left:100px;
 
}

#header-appl a:link,
#header-appl a:visited,
#header-appl span.active a:link,
#header-appl span.active a:visited {
	color:white;
}

#header-appl #header-nav-view a:hover,
#header-appl #header-nav-view a:hover span.active,
#header-appl #header-nav-basket a:hover,
#header-appl #header-nav-basket a:hover *,
#header-appl #header-nav-functions a:hover,
#header-appl #header-nav-functions a:hover * 
{
	color: #DDDDDD;
	background-color: black;
}

/*========== frame rechts-aussen: HISTORY ======= */

body.history {
	color: white; 
	background-color:black;
}

body.history * {
	font-family: arial,helvetica,sans-serif;
	color: white;
	background-color: black;
}

a.historyLink *,
.history-items li,
.history-items li div {
	color: black; 
	background-color:white;
}

div.history-items li {
	border-bottom: 2px solid #b2b2b2;	
}

.history-items li a:link,
.history-items li a:visited,
.history-items li a:visited,
.history-items li div a:link,
.history-items li div a:visited  {
	color: black;
	background-color: white;
}

.history-items li a:hover, 
.history-items li a:hover *,
.history-items li div a:hover,
.history-items li div a:hover * {
	color: #b2b2b2;
	background-color:white;
	text-decoration: none;
}

/*======== reiter-frame links aussen anpassen ================ */

#organizer-navigation * {
	color: white;
}

#organizer-navigation {  /* xdt, 20080930 */
	background-color: white;
	padding: 22px 0 0 0;	
}

ul.navigation-1 {
	border-bottom-color: #333333;
	border-left: 0px none;
	margin-bottom: 0px;
	background-color: white;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 22px; /* 17px;  (s.a.u) von hinten durch ... ins auge (;-) */
}

ul.navigation-1 li {
	margin: 0px 0px 0px 0px;
	background-color: yellow; /* test */
	line-height: 17px;
	float: left; /* loest unteren freien Rand, von hinten durch ... ins auge (;-) */
}

ul.navigation-1 li.active-first,
ul.navigation-1 li.active-middle,
ul.navigation-1 li.active-last {
	background-image: none;
	background-color: black;
	color: white;
	margin-left: 3px;
	padding-left: 12px;
}

ul.navigation-1 li.active-first a,
ul.navigation-1 li.active-middle a,
ul.navigation-1 li.active-last a {
	text-decoration:underline;
	color: white;
	font-weight:bold;
}

ul.navigation-1 li.inactive-first,
ul.navigation-1 li.inactive-middle,
ul.navigation-1 li.inactive-last {
	background-image: none;
	background-color: #b2b2b2;
	color: white;
	margin-left: 3px;
	padding-left: 12px;
}

ul.navigation-1 li.inactive-first a,
ul.navigation-1 li.inactive-middle a,
ul.navigation-1 li.inactive-last a {
	text-decoration:underline; color:#000000;
}

#organizer-navigation ul.navigation-1 li.active-first a:hover,
#organizer-navigation ul.navigation-1 li.active-first a:hover *,
#organizer-navigation ul.navigation-1 li.active-middle a:hover,
#organizer-navigation ul.navigation-1 li.active-middle a:hover *,
#organizer-navigation ul.navigation-1 li.active-last a:hover,
#organizer-navigation ul.navigation-1 li.active-last a:hover * {
	color: #DDDDDD;
	background-color: black;
}

#organizer-navigation ul.navigation-1 li.inactive-first a:hover,
#organizer-navigation ul.navigation-1 li.inactive-first a:hover *,
#organizer-navigation ul.navigation-1 li.inactive-middle a:hover,
#organizer-navigation ul.navigation-1 li.inactive-middle a:hover *,
#organizer-navigation ul.navigation-1 li.inactive-last a:hover,
#organizer-navigation ul.navigation-1 li.inactive-last a:hover * {
	color: #666666;
	background-color: #b2b2b2;
}

/* =========== ok jetzt die list anpassen (frame linksaussen/unten) ...  =========== */

body.document-search {
	background-color: black;
}

.filter a.button,
.filter a.button:visited,
.filter a.button:active,
a.button:link,
a.button:active,
a.button:visited,
div.buttons a.button,
div.buttons a.button:visited,
div.buttons a.button:active {
	background-color: #AAAAAA;
	color: black;
}

a.button:hover,
div.buttons a.button:hover {
	background-color: #CCCCCC;
	color: black;
}

/* bereich mit der Eingabe/Filtermaske */
div.filter-1 *,
div.filter * {
	background-color: black;
	color: white;
}

div.filter ul li input.input-1,
div.filter ul li select,
div.filter ul li select option,
div.filter-1  input.input-1,
div.filter-1  select,
div.filter-1  select option  {
	color: black;
	background: white;
}

/* =================================================== */
/* 20080929, xdt:  noch anpassung an die 'erweiterte' Katalogseite */
/* so wird alles schwarz, auch die produktansicht
body.organizerCatalog {
	background-color: black;
	color: white;
}

.organizerCatalog a:link, .organizerCatalog a:visited, .organizerCatalog a:hover {
	background-color: black;
	color: white;	
}
*/
/* das koennte ein Workaround werden, wir lassens erstmal nur als 
   Kommentar zur Info fuer spaeter
*/
/* im folgenden ein mgl. workaround. voraussetzung ist dass die hauptframes der klasse oorganizerCatalog
   keine Formulare einthalten (zumindest ist das ein Versuch ..) 
body.organizerCatalog form {
	background-color: black;
	color: white;
	height: 100%;
}


.organizerCatalog form  a:link, .organizerCatalog form a:visited, .organizerCatalog form a:hover {
	background-color: black;
	color: white;	
}
*/

/* 20081006, xdt: jetzt jsp aufgebohrt .... */
body.y_bigSearch {
	background-color: black;
	color: white;
}

body.y_bigSearch a:link, body.y_bigSearch a:visited, body.y_bigSearch a:hover {
	background-color: black;
	color: white;	
}

#y_bigSearchForm {
}

/* =================================================== */


/* ================ 'Meldungsbereich' ================ */

#gensearch-col-1 .filter-result-msg,
div.filter-result-msg * {
	color: white;
	background-color: black;  	/* ok etwas problematisch, da im sap-css eine margin von 10px definiert ist !! */
}

/* nur ein test geht aber soweit ....
div.filter-result {
	background-color: black;
}

div.filter-result th {
	background-color: darkgray;
	color: black;
}

div.filter-result tr.even {
	background-color: yellow;
}

div.filter-result tr.odd {
	background-color: lightblue;
}

*/

/* ================ 'Hautpframe' ================ */

#nodoc-header {
	border-bottom-color: darkgray;
}


/* ================ 'cataloghautpframe' ================ */

body.catalogEntry {
	background-color: white;	
	color: white;
}

table.cat-categs span a,     /* leider haben die sap's d. oberen bereich nicht in einen extradivcontainer oder einer sep. klasse herausgehoben */
/* table.cat-categs span a:link, sonst wird der button ueberschrieben */
table.cat-categs span a:visited, 
table.cat-categs span a:active {
	background-color: black; 
	color: white;
}

/* Leider muss man den hover f. buttons wg. oben wieder extradefinieren */
table.cat-categs span a.button:link,
table.cat-categs span a.button:visited,
table.cat-categs span a.button:active {
	background-color: #AAAAAA;
	color: black;
}

table.cat-categs span a.button:hover
{
	background-color: #CCCCCC;
	color: black;
}

#categ-display tr.categs {
	background-color: lightgray;	
}

#categ-display tr.categsSelected {
	background-color: gray;
}

#categ-display a:active,   /* fd ie, auchtung reihenfolge mit hover */
#categ-display a:active {
	background-color:  transparent;
	color: black;
}
#categ-display a:hover {
	color: #505050;
	background-color: transparent;
}

#categ-display tr.categsSelected a:active { /* fd ie, auchtung reihenfolge mit hover */
	background: transparent;
	color: black;
}

#categ-display tr.categsSelected a:hover {
	background: transparent;
	color: #DDDDDD;
}

/* ================= weitere buttons ===================== */
ul.buttons-1 li.disabled a:link, ul.buttons-1 li.disabled a:active, ul.buttons-1 li.disabled a:visited,
ul.buttons-2 li.disabled a:link, ul.buttons-2 li.disabled a:active, ul.buttons-2 li.disabled a:visited,
ul.buttons-3 li.disabled a:link, ul.buttons-3 li.disabled a:active, ul.buttons-3 li.disabled a:visited,
ul.buttons-1 a:link, ul.buttons-1 a:active, ul.buttons-1 a:visited,
ul.buttons-2 a:link, ul.buttons-2 a:active, ul.buttons-2 a:visited,
ul.buttons-3 a:link, ul.buttons-3 a:active, ul.buttons-3 a:visited {
	background-color: #AAAAAA;
	color: black;
}

ul.buttons-1 li.disabled a:hover,
ul.buttons-2 li.disabled a:hover,
ul.buttons-3 li.disabled a:hover,
ul.buttons-1 a:hover,
ul.buttons-2 a:hover,
ul.buttons-3 a:hover {
	background-color: #CCCCCC;
	color: black;
}

/*xmkr 2010-09-02 Button Vorgang aus Katalog erstellen*/
ul.buttons-1 li {
	border: none;
}

ul.buttons-1 li a, ul.buttons-1 li a:visited {
	background-color: #AAAAAA;
	color: black;
	font-weight:bold;
	border: 1px solid silver !important;

}

/* problem mit dem Button bei der Vorgangssuche .... */
a.button-disabled:link,
a.button-disabled:visited,
a.button-disabled:active,
a.button-disabled:hover {
	background-color: #AAAAAA;
	color: black;	
}

/* einige ausnamen/sonderfaelle.. Problem ist dass man teilweise die a-tags und die buttons nicht auseinanderhalten kann,  */
/*  so dass dann sich die Styles gegenseitig ueberschreiben (da haette sap ruhig man den ein oder anderen div eine id */
/*  spendieren koennen ) */
.organizerCatalog a.button:link, .organizerCatalog a.button:visited, .organizerCatalog a.button:active {
	background-color: #AAAAAA;
	color: black;
}

.organizerCatalog a.button:hover {
	background-color: #CCCCCC;
	color: black;
}
/* ================= catalogseite ===================== */

body.products-isa {
	background-color: white;
}

/* ======= */

input.green {    /* 20090512, xdt: Button f. Catalog|Modelliste 'passend zu ...'*/
	background-color: #AAAAAA;
	border: 1px solid black;
}


/* ###########################################################
	XFPR 2010-08-18: zusätzlich notwendige Änderungen, Neuerungen gegenüber 6.0 
##############################################################*/
body.history h1 {
	margin-top: 24px;
	padding-left:1em;
}

#header-appl #header-nav-basket {  
	font-size:80%;
	left:316px;
	top:47px;
}

#header-appl #header-nav-basket ul {
	margin:	0;
	padding: 0;
}

#header-appl #header-nav-basket img {
	height: 22px;
	width: 23px;
}


body.document-search #organizer-navigation {
	padding-top:22px;
}

ul.navigation-1 li {
	line-height:15px;
}

/* #### CATALOG ### */
.cat-navigator-qsrch .fw-box .fw-box-content {
	background-color:#C0C0C0;
	border:1px solid Gray;
}

.cat-navigator-qsrch-label,
#secnav li a,
#secnav li.categSelected a {
	color: black;
}

input.FancyButton, input.FancyButtonGrey {
	background-color:#AAA;
	color:black;
}

input.FancyButton:hover, input.FancyButtonGrey:hover {
	background-color:#CCC;
}

#secnav li.secnav-home {
	background-color:#C0C0C0;
	border-left:1px solid Gray;
	border-right:1px solid Gray;
	border-top:1px solid Gray;
	color:#225A8D;
}

#secnav li.categSelected {
	background-color:#C8C8C8 !important;
	font-weight:bold;
}


#secnav li.secnav-home a {
color:black;
}

#secnav div.secnav-contbox {
	background-color:#C0C0C0;
	border-bottom:1px solid Gray;
	border-left:1px solid Gray;
	border-right:1px solid Gray;
}


/* 20081117, xre, xdt  Grau-Weiss-Schwarzes CSS-Stylen, 
   20081124, xdt:  hier alles allgemeneine, browserunabh. Style zusammengefasst.
   		Browserabh. styles finden sich in y_vsstylesheet02_ge.css (Gecko)
   		y_vsstylesheet02_ie6.css (InternetExplorer 6) unsw. 
*/

#header-appl .header-logo {
	height: 70px;
}

#header-appl .header-applname,
#header-appl .header-applname *  {
	text-transform: uppercase;
}
#header-appl .header-applname em { 
	font-style: normal;
}

/* hintergrundfarbe der seitenframes*/
body.document-search,
body.history,
body.history * {
	background-color: #C0C0C0; /* analog zum vscms ...*/
	color: black;
}

/* ========= Spezielle Einstellungen Center-Frame ========== */

/* einstiegsseite, absoluten seitenrand einstellen  */
div.catalogEntry {
	margin-left: 12px; 
}

/* ======== generelle styles ========== */
h1 {						/* ua f. Login linken Haken wegmachen ... */
	border-left: none;
	padding-left: 0px;
	margin-top: 0px; 
}

#nodoc-catalog,      				/* 20081211, xdt */
#nodoc-welcome,
#nodoc-worklist, #nodoc-transactions,   /* 20081215, xdt */
#nodoc-campaign, #nodoc-catalog  {
	margin-top: 0px;
}

#nodoc-first, #nodoc-welcome, 		/* 20081212, xdt, passend zu den rand mit den h1 */
#nodoc-worklist, #nodoc-transactions, 
#nodoc-campaign, #nodoc-catalog  {
	width: 99%
}

/* im 'Content'-Bereich einruecken, gestyled f. ge, ausnamen in _ie,.. */
#nodoc-content h1 {
	margin-top: 25px; 
}

div.catalogEntry h1 {
	margin-top: 25px;
}

#nodoc-content {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
}

#nodoc-content h1,
#nodoc-content p {   
	margin-left: 12px;
	width: 97%;           /* 20081212, xdt */
}

div.formContainer {   /* f.d. Konfigurator, 20090424: y-css werden v. konfig noch nicht includiert ..s */
	/*margin-top: 56px;*/ 
	 margin-left: 12px;

     margin-bottom: 24px;
}

/* 20090223, xdt, 20090424, xdt:  Patch f.d. print wieder eingebaut, ist zwischenzeitlich verloren gegangen ... */
.header-message {
	padding-left: 12px;	
}

table.data, table.message {
	border-collapse:collapse;
}

h1.area {
	margin-left: 0px !important;
}

h1.group  {
	margin-left: 3px !important;
}

div.header-itemdefault h1.group,
body.confirmation div.header-itemdefault h1.group {
	margin-left: 0px !important;
	padding-left: 0px;
}

div.group {
	margin-left: 3px;	
}

div.header-itemdefault div.group {
	margin-left: 0px !important;
}

table.data {
	   margin-left: 0px; /* 3px; */
}

table.message {
	   margin-left: 3px;
}

body.orderstatus table.message {
	   margin-left: 0px !important;
}

body.orderstatus div.header-payment table.data {
	   margin-left: 3px !important;	
}

div.header-payment table.data {
	   margin-left: 6px !important;	
}

div.header-payment h1.group { 
	margin-left: 3px !important;
}

div.header-additional h1.area { 
	margin-left: 0px !important;
}

div.header-additional h1.area span { 
	margin-left: 3px;
}

div.header-additional h1.area,
h1.area  { 
	width: 100% !important;
}

div.group, h1.group,   
div.header-payment h1.group
div.header-message div.group,
div.header-misc div.group,
div.header-itemdefault div.group,
table.data, table.message { 
	width: 97% !important;
}

/*********************/

/* ======== Katalog/Produkte Liste ======== */
#cat-list {
	border-top: none;
	margin-top: 0px;
	padding-top: 0px;
	height:100%; /*xmkr 2009-05-07*/
}

/* Das <br/> erzeugt einen 'oberne'Abstand der nicht 
   super via css kontolliert werden kann. Deshalb 
   der versuch das Elefment wegblenden. Kann aber zum
   Problem werden wenn 'sinnvolle' <br/> dann im
   Text auftauchen ( scheint aber unwahrscheinlich) */
#cat-list br {
	display: none;
}

#cat-list h1 {  /* h1 in der list buendig mit Tab-Rand */
	margin-left: 7px;
/*	margin-top: 20px; */ /* waum nicht 25px ?! */  /*   xdt, 20090423 */
	margin-top: 28px !important;
	padding-top: 0px;
}

/* in der Einleitung den oberen divcontainer mit dem borderbottom ausblenden,
   pruefe ob alle -first ein einleitendes div habe & wie dann hoehe v. 
   ueberschrift mit unterstrich mit den seitenframes abschliessen kann ... */
#nodoc-header {
	display: none;
}

div.history-items li {
		background-color: #C0C0C0;
}

.history-items li a:link,
.history-items li a:visited,
.history-items li a:visited  {
	color: black;
	background-color: #C0C0C0;
}

.history-items li a:hover, 
.history-items li a:hover * {
	color: gray;
	background-color:#C0C0C0;
	text-decoration: none;
}

.history-items li div * {
	background-color: white;	
}

.history-items li div a:link,
.history-items li div a:visited  {
	color: black;
	background-color: white;
}

.history-items li div a:hover,
.history-items li div a:hover * {
	color: #b2b2b2;
	background-color:white;
	text-decoration: none;
}
	
/* ======== reiter-frame links aussen anpassen ================ */
ul.navigation-1 li.active-first,
ul.navigation-1 li.active-middle,
ul.navigation-1 li.active-last {
	color: #666666;
	background-color: #C0C0C0;
}

ul.navigation-1 li.inactive-first,
ul.navigation-1 li.inactive-middle,
ul.navigation-1 li.inactive-last {
	background-image: none;
	color: #DDDDDD;
	background-color: black;
}

#organizer-navigation ul.navigation-1 li.active-first a:hover,
#organizer-navigation ul.navigation-1 li.active-first a:hover *,
#organizer-navigation ul.navigation-1 li.active-middle a:hover,
#organizer-navigation ul.navigation-1 li.active-middle a:hover *,
#organizer-navigation ul.navigation-1 li.active-last a:hover,
#organizer-navigation ul.navigation-1 li.active-last a:hover * {
	color: #666666;
	background-color: #C0C0C0;
}

#organizer-navigation ul.navigation-1 li.inactive-first a:hover,
#organizer-navigation ul.navigation-1 li.inactive-first a:hover *,
#organizer-navigation ul.navigation-1 li.inactive-middle a:hover,
#organizer-navigation ul.navigation-1 li.inactive-middle a:hover *,
#organizer-navigation ul.navigation-1 li.inactive-last a:hover,
#organizer-navigation ul.navigation-1 li.inactive-last a:hover * {
	color: #DDDDDD;
	background-color: black;
}

/* =========== ok jetzt die list anpassen (frame linksaussen/unten) ...  =========== */

/* bereich mit der Eingabe/Filtermaske */
div.filter-1 *,
div.filter * {
	background-color: #C0C0C0;
	color: black;
}

#gensearch-col-1 .filter-result-msg,
div.filter-result-msg * {
	background-color: #C0C0C0;
	color: black;
	margin-left: 3px;
}

/* linker unterer Frame: Erweiterte Suche */
body.y_bigSearch {
	background-color: #C0C0C0;
	color: black;
}

body.y_bigSearch a:link, body.y_bigSearch a:visited {
	background-color: #C0C0C0;
	color: black;
}

body.y_bigSearch a:hover {
	background-color: #C0C0C0;
	color:  gray;
}

/* ======== 'erweiterte' Katalogseite ========== */
body.organizerCatalog {
	height: 98%;  /* versuche den v-balken wegzubekommen */
}

body.organizerCatalog #catalog {
	border-top: none;	
	margin-top: 0px;
	padding-top: 0px;
}

body.organizerCatalog #catalog {
	overflow: hidden;
}

body.organizerCatalog #catalog div.catalog-header h1 {
	margin-left: 12px;		/* s.o !*/
	margin-top: 0px; 
	width: 97%; 			/* 20081212, xdt */
}

body.organizerCatalog #catalog table.details { /* Detailsicht des ausgewaehlten Listenelements */
	margin-left: 12px;
	border-collapse: collapse;
	margin-top: 6px;
}

#product-image { 
	text-align: inherit;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* ======== Orderliste ======= */
body.invoice h1, 								/* 20081211, XDT */
body.orderchange h1, body.document-search h1, body.selection-shop h1, 
body.selection-catalog h1, body.selectsoldto h1, body.message-page h1,
body.confirmation h1, body.ordersimulate h1, body.createdoc h1, 
body.organizer h1, body.determination h1, body.showpredecessors h1, 
body.showpredecessorquotations h1, body.marketingprofile h1, body.canceldate h1, 
body.payment h1, body.shoplist h1, body.shipto h1, body.usersettings h1, 
body.message-workarea h1, body.campaign h1,		/* <<< 20081211, XDT */
body.orderstatus h1,
body.organizerCatalog h1,   /* 20090512, xdt */
body.order h1 {
	margin-top: 25px;
}

body.invoice h1, 								/* 20081212, XDT */
body.orderchange h1, body.document-search h1, body.selection-shop h1,
body.selection-catalog h1, body.selectsoldto h1, body.message-page h1,
body.confirmation h1, body.ordersimulate h1, body.createdoc h1, 
body.organizer h1, body.determination h1, body.showpredecessors h1, 
body.showpredecessorquotations h1, body.marketingprofile h1, body.canceldate h1, 
body.payment h1, body.shoplist h1, body.shipto h1, body.usersettings h1, 
body.message-workarea h1, body.campaign h1,		
body.invoice div.document-header, 				
body.orderchange div.document-header, body.document-search div.document-header, body.selection-shop div.document-header,
body.confirmation div.document-items,   
body.selection-catalog div.document-header, body.selectsoldto div.document-header, body.message-page div.document-header,
body.confirmation div.document-header, body.ordersimulate div.document-header, body.createdoc div.document-header, 
body.organizer div.document-header, body.determination div.document-header, body.showpredecessors div.document-header, 
body.showpredecessorquotations div.document-header, body.marketingprofile div.document-header, body.canceldate div.document-header, 
body.payment div.document-header, body.shoplist div.document-header, body.shipto div.document-header, body.usersettings div.document-header, 
body.message-workarea div.document-header, body.campaign div.document-header,		/* <<< 20081212, XDT */
body.orderstatus h1,
body.order h1,
body.orderstatus div.document-header,
body.order div.product-recommendations,   /* 20090512, xdt */
body.order div.document-header {
		margin-left: 12px;
		width: 97%; 				    /* 20081212, xdt */
}

body.orderchange div.document-header .header-itemdefault, /* 20081211, xdt */
body.orderchange div.document-header .header-docflow,	/* 20081211, xdt */
body.orderstatus div.document-header .header-itemdefault,
body.orderstatus div.document-header .header-docflow {
	padding-left: 0px;	
}

div.header-basic table.price-info {
}

div.header-basic table.status,
div.header-basic table.header-general,
div.header-itemdefault div.group table.data,
div.header-docflow div.group table.data {
	border-collapse: collapse;
}

div.header-basic table.status td,
div.header-basic table.header-general td,
div.header-itemdefault div.group table.data td {
	padding-bottom: 2px;
}

div.group table.data td {
	padding-left: 0px;
}

/* hmmm, Leider werden h1'se auch f.d. aufklappen der zusatzinfo verwendet ... */
body.orderchange h1.group,  /* 20081211, xdt */
body.orderstatus h1.group,
body.order h1.group {
	padding-left: 0px;
	margin-left: 0px;	
}

body.orderchange h1.area,  /* 20081211, xdt */
body.orderstatus h1.area,
body.order h1.area {
	margin-top: 18px;
	margin-left: 0px;
}

table.price-info .value {
	background-color: #E0E0E0;	
}

body.orderchange div.document-items table.itemlist,  /* 20081211, xdt */
body.orderstatus div.document-items table.itemlist,
body.order div.document-items table.itemlist {
	margin-left: 12px;
}

/* ok hier jetzt den 'Basket' im header unterbringen */
/*
 xdt:	keine gute Idee das Hauptbild auszublenden um dann nur den 
  		Hintergrund zu sehen, besser das bild direkt unterbringen ....
  		wenn man sogar nur das cms-bild nimmt sieht es auch wenn man
  		es (default) auf 14x14 via css herunterscaliert bescheiden aus
  		ggf. ist Anfertigung f.d. Abmessung sinnvoll .. 
  		(z.b. klarerer Rand ... )
  		
#header-appl #header-nav-basket li.first a img {
	visibility: hidden;
	background-image: url(/b2b_xrr/mimes/Shop.gif);	
	background-color: pink !important;
}
*/

/* Inputfelder korrekt setzen ... */
.textinput,
input.textinput-categs,
input[type="text"],
#gensearch-col-1 .filter-1 .input-1,
#gensearch-col-1 .filter-1 .input-2,
#gensearch-col-1 .filter-1 .input-3,
#gensearch .filter-1 .input-1, #gensearch .filter-1 .input-2, #gensearch .filter-1 .input-3, 
div.filter ul li input.input-1,
div.filter-1  input.input-1,
.login ul .input-1 {
	border: solid 1px black !important;
}

/* offensichtlich nur im ff & cons. */
select#displayHits,
select.bigCatalogInput,
#gensearch-col-1 .filter-1 select,
div.filter ul li select,
div.filter-1  select {
	border: solid 1px black;
}

div.filter ul li select option,
div.filter-1  select option {
}

/* ---- die Katalogselektion ueber einen Menubaum (sitetree) */

#categ-display {
	border-top: solid 1px black;	  /* Begrenzer oben/unten f.d. Sitetree */
	border-bottom: solid 1px black;	
	margin-left: 6px;
	margin-right: 6px;
	padding: 5px 0px 6px 0px;
	width: 99%;
}

#categ-display table.cat-categs {
	border: none 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;  
}

/* so die erste Tabellenzeile (hat keine Klasse) wird
   vom sap-html zur Anordnung der 'tree-elemente' verwendet.
   Die 'font-size' ist dabei aber die 'min' Hoehe die diese Zeile hat
   weshalb oben ein unnoetiger Platz entsteht der hier verkleinert wird 
   (1px, 0px wird ggf. ignoriert ) */
/* #categ-display table.cat-categs tbody:first-child */
#categ-display tbody:first-child { 
	height: 1px;
}

#categ-display tr.categs {
}

#categ-display tr.categsSelected {
}

#categ-display td.categs {
	padding-left: 3px;
}

#categ-display td.categs img {
	width: 1px;
	height: 1px;
	border: none 0px;
}

table.cat-categs span a,
table.cat-categs span a:visited, 
table.cat-categs span a:active {
	background-color: #C0C0C0;
	color: black;
}

table.cat-categs span a:hover {
	color: #606060;
}

/*  auswahl ala sitetree stylen */
#categ-display tr.categs {
	background-color: #C0C0C0;	
}

#categ-display tr.categsSelected {
	background-color: #C8C8C8;
}

#categ-display td.categs {
	border-bottom: solid 1px #C0C0C0;  /* definiert Zeilenabstand */
}

#categ-display a:active,   /* fd ie, Achtung Reihenfolge mit hover */
#categ-display a:active {
	background-color:  transparent;
	color: black;
}

#categ-display tr.categs:hover,
#categ-display td.categs:hover,
#categ-display a:hover {
	color: #505050;
	background: #E0E0E0;
}

#categ-display tr.categsSelected a:active { /* Reihenfolge mit hover im IE */
	background-color: transparent; 
	color: black;
}

#categ-display tr.categsSelected:hover,
#categ-display tr.categsSelected td.categs:hover,
#categ-display tr.categsSelected a:hover {
	background: #D8D8D8;
	color: #101010;
}

body.organizerCatalog #catalog div table { /* Zugriffspfad auf 'return' */
	position: absolute;
	right: 3%;
	top: 3ex;
	width: inherit;
}

body.organizerCatalog #catalog div table td { /* 20090512, xdt: bei langen modellnamen ist sonst kein trennplatz mehr da */
	padding: 12px;
}

.product-list {         /* f.d. Abstand bei der Catalogsuchliste */
	margin-top: 34px;
}

#document {					/* 20081216 */
/*	height: 50%; */
	width: 97%;	
}
#document h1 {				/* 20081216 */
	width: 100%;
}

.itemlist {					/* 20081216 */
	width: 100%;
	margin-left: 0px;		/* 20090505, xdt: in der Drucksicht Positionsliste besser ausrichten */
	border: 1px solid #CCCCCC;
}

/*xmkr 2009-02-12 Border WK-Icon ausblenden*/
/* xdt: ausgeklammert; #header-appl #header-nav-view ul li img		{ border:0px} */
#header-appl #header-nav-view ul li img	{
	 border: 0px;
	 position: relative;
	 top: 3px;    
}

/*xre 2009-02-20 aus *ie6.css hierher verschoben, in *ge.css geloescht */
/*xmkr 2009-02-10 Header Liste neu positionieren, Bilder in dieser Liste ohne Rahmen */
/*orig:#header-appl #header-nav-view ul		{top:48px;} */
#header-appl #header-nav-view ul {
	top:46px; 
}

/*xmkr 2009-02-18 wrap in confirm fuer Produkt Aendern*/
.itemlist td.product {
	 white-space: normal;
}

/*xmkr 2009-02-25 select in bigSearch.jsp*/
.yDropdownCatalogBig { width: 175px }

/****************
 *
 *  20090330, xdt
 *
 *  Clon der Styles f.d. Prospektblatt-Texte, wie sie 
 *  im CMS verwendet werden.  
 *
 *  Ggf. werden hier die Styles nochmal f.d. 
 *  Aufruf im CRM gekapselt.
 *  Wichtig: Der urspr&uuml;ngliche Style im CMS ist nur eine
 *  Richtlinie, Apassungen f.d. CRM m&uuml;ssen i.d.R.
 *  hier gemacht werden !!!
 *
 ****************/
.yyzpbbigpic {						/*XDT, 20090427, f.d. container d. zpbbildes */
	vertical-align: top !important;	
}

.categorie-inf {                 /* XDT, 20090423 */
	vertical-align: text-top;        
}

table.yycat-list-cont { /* 20091111, xdt: f. container d. zpb-texte/bilder */
/*	hmm urspruenglichen inline-style ...
	font-family: Verdana, Geneva, sans-serif;
	font-size: 60%; */
	color: inherit;
}

.yyzpbtextbox {            /*  Masterstyle f.d. Textcontainer */
	padding-left: 10px;
}

.yyzpbtextbox span.yyzpbtxthead1 {
	color:black;
	display:inline;
	float:left;
	margin-right:1ex;
	font-size:120%;
	font-weight:bold;
}

.yyzpbtextbox span.yyzpbtxthead2 {
	display: block;
	margin-bottom:12px;
	font-size:120%;
	font-weight:bold;
}

.yyzpbtextbox span {
	font-weight: normal;
	color: black;
	text-decoration: inherit; /* none; */
}

.yyzpbtextbox span.normal_black {
	font-weight: normal;
	color: black;
	text-decoration: inherit; /* none; */
}

.yyzpbtextbox span.normalbold_black {
	font-weight: bold;
	color: black;
	text-decoration: inherit; /* none;*/
}

.yyzpbtextbox span.normal_red {
	font-weight: normal;
	color: red;
	text-decoration: inherit; /* none; */
}

.yyzpbtextbox span.normalbold_red {
	font-weight: bold;
	color: red;
	text-decoration: inherit;  /* none;  damit der Unterstrich die gleiche Farbe annimmt */
}

.yyzpbtextbox span.headline_black {
	font-weight: bold; 
	color: black;
	text-decoration: inherit; /*  none;*/
}

.yyzpbtextbox span.tZ_A52_Fliess_Aus_10 {
	font-weight: bold;
}

.yyzpbtextbox span.Fliess {
	font-weight: normal;
	text-decoration:none;
}

.yyzpbtextbox span.Fliess_Aus {
	font-weight: bold;
}

.yyzpbtextbox-int {  /* xdt, 20091111: jetzt auch texte aus dem crm */
	font-size: 10px !important;
}

.yyzpbtextbox-int h1 {
	margin-left: 0px !important;
	margin-bottom:12px !important;
	font-size:110% !important;
	font-weight:bold;
}

/* Ausnahmen */
.filter-result th/*,
.filter-result td */{  /* xdt, 20090424: damit alle Tabellenueberschriften in der gleichen farbe, s.s. y_stylesheet.css, l 340*/
	color:#426FC9 !important;
}

/*xmkr 2009-05-07 Breite Icons im Katalog ueberschreiben */

.basket-img	 { width:16px; }


/*xdt 20090507 s.a. mail xmkr 1045*/
table.yConfProdData {
	width: 100%;
}

/* 20120815: nc !
.yConfProdData-tdl {
	width: 125px;   / * sicherlich noch diskussionsbedarf * /
	vertical-align: top !important;
}
*/
	
/* .yConfProdData-tdr, */
.y-config-output-tdr {
	vertical-align: top ! important;
}

.itemlist td.product td.yConfProdData-tdp,
td.yConfProdData-tdp {
	vertical-align: top !important;
	text-align: left;
	padding: 0 10px 0 0;
	width: 60px;
}

.yConfProdData-tdp img {
	margin: 0 0 0 0 !important;
}

.yConfProdData-tdl {
	font-weight: bold;
	height: 2ex !important;						/* nur text, nur eine zeile --> zeilehoehe mit textgroesse koppeln ..*/
}

.itemlist td.product td.yConfProdData-tdr,
.yConfProdData-tdr {
	vertical-align: top !important;
	text-align: left;
}

/* <<< 20120815, xdt */

.y-config-output {
	width: 100%;
}

.y-config-output tr {
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
.itemlist .even .y-config-output tr {
	border-bottom-color: #F2F2F2 !important;
}

.itemlist .odd .y-config-output tr {
	border-bottom-color: #FFFFFF !important;
}

/* .yConfProdData-tdl, 20120903, xdt:  darstellung d. modelle in der liste wurde geandert, modellkopfzeile neu */
.y-config-output-tdl {
	width: 40ex;   /*   xdt, 20090508, 125px; */
	overflow: hidden;
	vertical-align: top ! important;
	white-space: nowrap;    /* nicht umbrechen !*/
}

.y-config-output-tdl {
	margin-bottom: 4px;
}

.y-config-output-tdr {
}

.y-config-output-tdspanned {

}

.yCategs-treemenu-sel,						/* 20090526, xdt:  Problem mit Zeilenumbruch im Treemenu */
.yCategs-treemenu {
	white-space: nowrap;
	display: block !important;
	overflow: hidden;
}

body.yUserChangeSettings {					        /* 20090527, xdt:  Anpassungen f. Einstellungen Aenderungen 'Address Data' bei Grossschrift */
	height: auto;
	overflow: auto;
}

body.yUserChangeSettings #scrollable-selection {    /* 20090527, xdt: ditto */
	position: static;
}

body.yUserChangeSettings .selection {               /* 20090527, xdt: ditto */
	height: auto;
	width: 23em; 
}

#buttons {                                          /* 20090527, xdt: ditto */
	border-top:1px solid #AAAAAA;
}

.y_selection {margin-left: 20%; margin-top: 40px; width: 30em;}

/* 20091103, xdt: Anpassung Bilderleiste Produktdetails */
div.yModelSmallPicDiv {
	width:99%; 
	overflow:auto;
}

div.yModelSmallPicDiv table.yModelSmallPicTable {
	width: 100% !important;
	border-collapse:collapse;
	border-spacing:0;
}

div.yModelSmallPicDiv table.yModelSmallPicTable tr {
	color: inherit;
}

div.yModelSmallPicDiv table.yModelSmallPicTable tr td {
	vertical-align: top;
	text-align: left;
	width: 20% !important;
}

div.yModelSmallPicDiv table.yModelSmallPicTable tr td.ySmallPicDummy {
	color: inherit;
}

div.yModelSmallPicDiv table.yModelSmallPicTable img.yModelSmallPic {
	width: 150px;
	margin-right: 6px;
}

/*override the absolute position of tables for this table*/
body.organizerCatalog #catalog div table.yModelSmallPicTable { 
	position: static;
	
}

/* 20091029(20091111 b2b), xdt: Einstellen der Kachelnavigation im Katalog */

/* Container */
table.yTMtable {
	margin-top:16px;
}

table.yTMtable a:link {
	color: #000000 !important;
}

table.yTMtable td.yTMcell a:link {
	display: block !important;
}

table.yTMtable a:visited {
	color: #000000 !important;
}

table.yTMtable a:hover {
   color: #FF0000;
   background: #FFFFFF;
}

/* breadcrump */
table.yTMtable tr.yTMrowPath {
	color: inherit; 
}

table.yTMtable tr.yTMrowPath td {
	background-color: #EEEEEE; 
	padding-bottom: 6px !important;
	padding-left: 6px !important;
}

table.yTMtable tr.yTMrowPath td span.yCatPathSpan {
	font-size: 12px;
}

table.yTMtable tr.yTMrowPath td span.yCatPathSpan a {
	font-weight: bold;
	border-bottom: none;
	text-decoration: underline;
}

/* bildnavigationselemente */
table.yTMtable tr.yTMrowChapter {
	color: inherit;  /* nur fuer ff-fbug */
}

table.yTMtable tr.yTMrowChapter td.yTMcell {
	padding-bottom: 12px !important;
	text-align:	center !important;
}

table.yTMtable tr.yTMrowChapter td.yTMcell div { /* container f. link & bildlink */
	width: 100%;
}

table.yTMtable tr.yTMrowChapter td.yTMcell div span {
	width: 100%;
}

table.yTMtable tr.yTMrowChapter td.yTMcell div span a { /* textlink */
	font-weight: bold;
	font-size: 10px;
}

table.yTMtable tr.yTMrowChapter td.yTMcell div a img { /* bild im bildlink */
	color: inherit;  /* nur fuer ff-fbug */
	/* border-top: 3px solid #F4E4D4; */
}

table.yTMtable td.yTMcell a.yTMChapterLink {
	margin-bottom: 4px !important;
} 

a.yTMChapterLink {
	text-decoration: underline;
}
a.yTMChapterLink, a.yTMChapterImgLink{
	border-bottom: none;
}

.app-std-tbl {
	border:1px solid #999999;
}

.app-std-tbl th {
	background-color:#BBBBBB !important;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	color: black !important;
}

.app-std-tbl .app-std-tbl-th-last {
	border-right:1px solid #999;
}

.app-std-tbl td {
	border-right: 1px solid #999;
	border-bottom:1px solid #999;
}

.app-std-tbl tr.app-std-tbl-odd {
	background-color:#E7E7E7;
}

.app-std-tbl tr.app-std-tbl-even {
	background-color:#EEEEEE;
}

.cat-pcat-pages-title {
	color:black;
}

.fw-box-content-pcat-pgs-pre {
	border-bottom:1px solid black;
}
.fw-box-content-pcat-pgs-post {
	border-bottom:1px solid black;
}
.cat-pcat-pages-pg a, .cat-pcat-pages-pg a:visited {
border-bottom:0 none;
font-weight:bold;
}
.cat-pcat-pages a, .cat-pcat-pages a:visited, 
.cat-pcat-pages a:link, .cat-pcat-pages a:active {
	border-bottom: none !important;
	color:black !important;
}

.fw-box-pcat-pgs-curr {
	border:1px solid #FF0000;
	background-color: #F0F0F0;
}

.cat-pcat-pages-currpg {
/*	color:#FF0000;       xdt, 20101029: analog zu B2C */
	color: black;
}

div.yProdDetCfgState { 
	margin-top: 3px;
	margin-bottom: 7px;
}

.cat-prd-tech td span.label {
	font-weight: bold; 
}

#cat-pcat-prd-det div.cat-prd-facts2 div.btn-add-to-bskt, #cat-pcat-prd-det div.cat-prd-facts2 div.btn-sel-prd {
	border-bottom:none;
	background:url("images/symb-cart.gif") no-repeat scroll 4px 3px #CCCCCC;
	border:1px solid black !important;
	padding:3px 8px 3px 23px;
	text-decoration:none;
	border:1px solid black;
	color:black;
	margin:5px 0; 
	text-align:left;
}

#cat-pcat-prd-det div.btn-comp-upsel,
#cat-pcat-prd-det div.btn-back {
	background-color: #CCCCCC;
	border:1px solid black !important;
	padding:3px 8px 3px 23px;
	text-decoration:none;
	border:1px solid black;
	color:black;
	margin:5px 0; 
}

#cat-pcat-prd-det div.btn-back-to-bskt a,
#cat-pcat-prd-det div.btn-comp-upsel a,
#cat-pcat-prd-det div.btn-back a,
#cat-pcat-prd-det div.btn-add-to-bskt a {
	background-color: transparent;
	border:0px solid !important;
	color:black;
	font-weight: normal;
	text-decoration:underline;
	padding: 0px;
} 

div#busy {
	background:none #FFFFFF;
	border:1px solid black;
	font-family:verdana;
	font-size:11px;
	left:50%;
	margin:-50px 0 0 -100px;
	padding:11px;
	position:absolute;
	text-align:center;
	top:50%;
	width:200px;
	z-index:100;
}

div#busyoverlay {
	width:100%; 
	position:absolute; 
	z-index:99;
	background-color: #FFFFFF;
}


DIV.yConfig,DIV.yConfig TABLE, DIV.yConfig TBODY, DIV.yConfig A, DIV.yConfig TR, DIV.yConfig TD,  DIV.yConfig DL, DIV.yConfig DT, 
DIV.yConfigDD, DIV.yConfig P, DIV.yConfig IMG, DIV.yConfig H1, DIV.yConfig H2, DIV.yConfig H3, DIV.yConfig H4, H5, H6, H7 {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: black;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-decoration: none;
}
DIV.yConfig TABLE {
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}
DIV.yConfig HR {
	margin: 0px;
	padding: 0px;
	height: 1px;
	color:black;
	background-color:black;
	border: none;
}
DIV.yConfig INPUT, DIV.yConfig TEXTAREA, DIV.yConfig SELECT, DIV.yConfig BUTTON {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: black;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: #F0F0F0;
	border-color: #808080;
	border-width: 1px;
	border-spacing: 0px;
}
DIV.yConfig FORM {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}  

	#COLTEXT { background-color: orange;  font-size: inherit }
	#COLINPUT
		{ 	background-color: orange;
			font-size: inherit;
			width: 250pt;
		}
	#COLPREIS
		{ 	background-color: lightyellow;
			font-size: inherit;
			width: 50pt;
		}

	#tableMainConfig2 { background-color: blue; }
	
	#statMerkmale 	{ background-color: #f0f0f0; }
	#statMerkmalswerte 	{ background-color: #f0f0f0; }
	#statPreise 	{ background-color: white; }

	#statMasswert 	{ background-color: white; }

	#selConfigResult 	{ background-color: white; }
	#selMerkmal 	{ background-color: white; }
	#selMerkmalWert 	{ background-color: white; }
	#inpConfigMass 	{ background-color: white; }

	#statNbsp01		{ background-color: white; }
	#statNbsp02		{ background-color: white; }
	
	#NOTFORCE { background-color: lightgrey; color: gray; }
	#FORCE { background-color: lightgreen; }
	#NORMAL { background-color: white; }
	#VALUE777 { background-color: yellow; }
	#SELECTEDRESULT { background-color: orange; }
	#UNSELECTEDRESULT { background-color: white; }
	#DEFAULT {background-color: white; color: inherit; } /* 20071214 */

	.class_NOTFORCE { background-color: lightgrey; color: gray; }
	.class_FORCE { background-color: lightgreen; }
	.class_NORMAL { background-color: white; }
	.class_VALUE777 { background-color: yellow; }
	.class_SELECTEDRESULT { background-color: orange; }
	.class_UNSELECTEDRESULT { background-color: white; }
	
	/* 20090618 XRR color=black statt inherit */
   .class_DEFAULT {background-color: white; color: black;}

	/* 20090618 XRR hinzugefuegt*/
   .class_777SELECTED  {background-color: white; color: red;}

	/* 20100212 XDT: hinzugefuegt wg. disabl. Selboxes mit einer realen Auspraegung */
	.class_DEFAULT_ONE {
		color: inherit;
	}

	.class_DEFAULT_ONE_VAL {  /* anpassung 20100517, xdt */
		background-color: #FFFFFF;
		color: black;
		border: 1px solid #FFFFFF;
		margin-left: 4px;
		padding-left: 4px;
		width: 248px;
	}

	.class_VAL_997 {   /* 20100514, xdt: nicht anwendbar !!! */
		color: #909090 !important;
		background-color: #FFFFFF;
	}

#formMainConfig { background-color: white; }

TABLE#formMainConfig {
     width: 516px;
}

#inpConfigModNo {
	background-color: white;
}

#tableMainConfig {
}

#statPreisAusstattung {
}

#inpConfigPrMerkm {
	background-color: white;
	text-align: right;
}

#inpConfigPrMont,
#inpConfigPrMerkm,
#inpConfigPrGesamt,
#inpConfigGrundPreis {
	background-color: white;
	color: black;
	border: 0px solid #FFFFFF !important;
	text-align: left;
}

#inpConfigGrundPreis,
#statGrundpreis {
	padding-left: 2px;
	padding-right: 6px;
	width: 129px;
}

#inpConfigPrMerkm,
#statPreisAusstattung,
#inpConfigPrGesamt,
#statGesamtpreis {
	/* width: 132px; */
	width: 129px;
	padding-left: 0px;
	padding-right: 6px
}

#tableMainConfig3 {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 1px solid white;
	border: 0px none;
	overflow: hidden;
	table-layout: fixed;
    width: 516px;
}

#tableMainConfig3 tr {
	border-bottom: 2px solid white;
}

#tableMainConfig3 TD {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid white;
}

#tableMainConfig3 DIV,
#tableMainConfig3 DIV {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	

#tableMainConfig3 .DOMText {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 256px;
}
#tableMainConfig3 .DOMText DIV {
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	

#tableMainConfig3 td.DOMSelect {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 260px;
}

#tableMainConfig3 .DOMSelect DIV,
#tableMainConfig3 .DOMInput DIV {
}

#tableMainConfig3 .DOMSelect SELECT,
#tableMainConfig3 .DOMInput INPUT {
	margin: 0 0 0 4px;
	width: 256px;
}

#tableMainConfig3 .DOMInput INPUT {
	padding-left: 4px;
	width: 248px !important;   /* 20100517, xdt */
}

.DOMPreisText {
	visibility: hidden;
	position:absolute; top: -99999px; left: -6666px;
}

#tableMainConfig3 .DOMPreisText {
	font-size: inherit;
	/* width: 132px; */
	width: 129px;
	text-align: right;
	background-color: red;  /* 4 debug */
}

#CSVExportSubmit {
	margin-top: 12px;
}




/* 20090820, xdt
	Anpassung der Styles f.d. Modellkodierung. Problem ist 
	dass die Abmessungen f.d. Dropdown einer Select-Box
	anders/kleiner Aussieht wie die der Selectbox(diese ist ein paar px kleiner).
	Es ist nur durch einen Sprung von 10 auf 12 px f.d. fontsize moeglich hier eine 
	Anpassung mit der im b2b hinzubekommen.
*/
#yConfig,
#yConfig *,
#yConfig tr,
#yConfig td {
	font-size: 12px;
	/*font-weight: normal;*/
	
}

#yConfig select,
#yConfig select *,
#yConfig select input {
	border-spacing: 0px;
	border-width: 1px;
	font-family: arial, helvetica, sans-serif;
} 

.search-prodmod-prodlist-item .prod-header-download,
.search-prodmod-prodlist-item .prod-header-download *,
.search-prodmod-prodlist-item .prod-header,
.search-prodmod-prodlist-item .prod-header *,
.search-prodmod-prodlist-item .mod-header,
.search-prodmod-prodlist-item .mod-header * {
	color: red;
	font-size: 12px;
	font-weight: bold;
	margin: 0px; padding: 0px;
	text-align:left;
}


.yConfig #MainSubmitsTop, #MainSubmitsBot {
	margin-top: 16px; 
	margin-bottom:16px;
}       
#MainSubmitsTop button, #MainSubmitsBot button {
/*	font-size:14px;
    border: 1px double black;*/
    
    font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: black;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: #F0F0F0;
	border-color: #808080;
	border-width: 1px;
	border-spacing: 0px;
	width: 192px;
	margin-right: 12px;
	
}

table.y-config-output td {   /* 20091019, xdt */
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

table.y-config-output .y-config-output-tdl {
	border-top:  0px none !important; 
/* 	width: 30% !important; */
	width: 40ex !important;   
	overflow: hidden;
/*	vertical-align: top ! important; */
	white-space: nowrap;    /* nicht umbrechen !*/

}

table.y-config-output .y-config-output-tdr {
	border-top: 0px none !important; 
}

td.b2c-prd-data table.y-config-output {    /* 20091020, xdt: tabelle auch in Linie mit dem Rest der Zelle */
	border-collapse: collapse !important;
}

td.b2c-prd-data table.y-config-output td.y-config-output-tdl,
td.b2c-prd-data table.y-config-output td.y-config-output-tdr {    /* 20091020, xdt: Abstand der Zellen nicht so dicht */
	border: none;
	padding-bottom: 3px !important;
}

#MainSubmitsTop, #MainSubmitsBot {
	margin-bottom:16px;
}

.search-prodmod-prodlist-item .prod-header-download, .search-prodmod-prodlist-item .prod-header-download *, .search-prodmod-prodlist-item .prod-header, .search-prodmod-prodlist-item .prod-header *, .search-prodmod-prodlist-item .mod-header, .search-prodmod-prodlist-item .mod-header * {
	color:red;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:left;
}
.cat-tabs-head ul {
	border-bottom:2px solid black;
	border-left: none;
}

.cat-tabs-head li.cat-tab-firstactive{
	background-color:#C0C0C0;
	background-image:none;
	color:white;
	margin-right:3px;
	padding-left:12px;
}

.cat-tabs-head li.cat-tab-first {
	background-color:black;
	background-image:none;
	margin-right:3px;
	padding-left:12px;
}

.cat-tabs-head li a, .cat-tabs-head li a:visited {
	color: white;
	margin-left:0px;
	padding:0 6px 0 1px;
	text-decoration:none; 
}

.cat-tabs-head li a:HOVER {
	background-color: transparent;
}
.cat-tabs-head li.cat-tab-firstactive a:HOVER {
	color:#666666;
}
.cat-tabs-head li.cat-tab-active a span,
.cat-tabs-head li.cat-tab-firstactive a span,
.cat-tabs-head li.cat-tab-lastactive a span {
	color:#666666;
	border-bottom:1px solid #666666;
}

.cat-tabs-head li.cat-tab-first a span {
	border-bottom:1px solid white;
	color: white;
}

/* ######## Produktdetail ######## */
#cat-pcat-prd-det .cat-prd-img img {
/*	border:1px solid black;									<<< 20120827,xdt: tele mit xre-> in productdetails bilder einheitlich ohne rand ... */
	border:0px none;
	width:auto;
}

#cat-pcat-prd-det td.cat-prd-block-ltab-col1 {
	width:310px;
}

#cat-pcat-prd-det td.cat-prd-block-ltab-col2 {
	width:auto;
	height: 110px;
}

#cat-pcat-prd-det .cat-prd-dsc {
	color:black;
	font-weight:normal;
}
.yModelNoList span, #b2c-pcat-hpv table.yprodkach .yModelNoBlock span {
	font-weight:bold;
	margin-right:0.5ex;
}
.cat-prd-dsc a, .cat-prd-dsc a:visited {
	border-bottom:0 dotted #E77100;
	color:black;
	font-size:10px;
	font-weight:normal;
}
.cat-prd-dsc a:HOVER {
	text-decoration: underline;
}

#cat-pcat-prd-det div.btn-back-to-bskt {
	background:url("images/symb-back.gif") no-repeat scroll 4px 3px transparent;
	background-color:#CCCCCC;
	border:1px solid black !important;
	color:black;
	margin:5px 0;
	padding:3px 8px 3px 23px;
	text-decoration:none;
}

.cat-prd-tech td {
	padding-right:10px;
	padding-top:10px;
}

.cat-pcat-cfg a {
	color: black;
	border-bottom: none;
	text-decoration: underline;
}

.cat-pcat-cfg a:HOVER {
	color: black;
	background-color: transparent;
}

.fw-box-content-prd-facts2, .fw-box-content-prd-btns-bot {
	background-color:#FFFFFF;
	border:1px solid gray;
}

/* ######## Produktliste ###### */
.cat-imgbtn-config {
	background:url("images/symb-config.gif") no-repeat scroll 0px 0px #DEE7EF;
	border:1px solid #006CAA !important;
	height:16px;
	vertical-align:bottom;
	width:16px;
}


/* ######## Navigation ######## */

#secnav li.categSelected {
	border-top:0px dotted #FF7E00 !important;
	border-left:0px dotted #FF7E00 !important;
	border-right:0px dotted #FF7E00 !important;
	border-bottom: 1px solid #C0C0C0 !important; 
} 

#secnav li.categSelected a {
	color:red;
}

#secnav .secnav-contbox li a:HOVER {
	background: transparent;
	text-decoration: underline;
	border: none;
}

#secnav li.secnav-level0 {
	padding-left:10px;
	background-color: #CCC !important;
	border-bottom: 1px solid #C0C0C0;
}
#secnav li.secnav-level1 {
	padding-left:15px;
	background-color: #D6D6D6 !important;
	border-bottom: 1px solid #C0C0C0;
}
#secnav li.secnav-level2 {
	padding-left:20px;
	background-color: #E0E0E0 !important;
	border-bottom: 1px solid #C0C0C0;
}
#secnav li.secnav-level3 {
	padding-left:25px;
	background-color: #EAEAEA !important;
	border-bottom: 1px solid #C0C0C0;
}
#secnav li.secnav-level4 {
	padding-left:30px;
	background-color: #E0E0E0 !important;
	border-bottom: 1px solid #CCCCCC;
}
#secnav li.secnav-level5 {
	padding-left:35px;
	background-color: #EFEFEF !important;
	border-bottom: 1px solid #CCCCCC;
}
#secnav li.secnav-level6 {
	padding-left:40px;
	background-color: #D6D6D6 !important;
	border-bottom: 1px solid #CCCCCC;
}


/*#######CUA Katalog#########*/
.cat-pcat-cuatabs-body #cat-pcat-cua .cat-pcat-cua-cont .fw-box-cua-cont,
.cat-pcat-cuatabs-body #cat-pcat-contr .cat-pcat-cua-cont .fw-box-cua-cont {
	background-color: #FFFFFF;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
    
    
/* ######## HISTORY ######## */
.history-items li a.historyHeaderLink {
	padding-left:2px;
}

a.FancyLink:link, a.FancyLink:visited, a.FancyLink:active, a.FancyLinkGrey:link, a.FancyLinkGrey:visited, a.FancyLinkGrey:active {
	background-color:#AAAAAA;
	border:1px solid silver !important;
	color:black;
}

a.FancyLink:Hover, a.FancyLinkGrey:Hover {
	background-color:#CCCCCC;
	border:1px solid silver !important;
	color:black;
}

/* ######## ERWEITERTE SUCHE ####### */
a.header-search, a.header-search:link, a.header-search:visited, a.header-search:active {
	color: black; 
	background-color: transparent;
/*	border-bottom:1px solid black;      xdt, 20101029-> entfernt, beisst sich mit anderen styles */
}

.header-search-btn {
	background-color:#AAAAAA;
	border:1px solid silver !important;
	color:black;
}

.header-search-btn:HOVER {
	background-color:#CCCCCC;
	border:1px solid silver !important;
	color:black;
}

.header-itemdefault .select-large {
	width: 90%;
}

#cat-pcat-prd-det div.cat-prd-facts2 div.cat-prd-det-qtyunit {
	text-align: right;
}

body.selectsoldto .selection h1 {
	margin-left: 0px;
}

/* ##### Erweiterte Suche (xdt: 20101028) #### */

.formfields td.label,
.formfields td.labelObl,
.formresults td.label { 
    background-color: #EEE;
}

.formfields td.input,
.formresults td.data {
    background-color: #DDD;
}

#header-appl .header-bar .header-search {
	margin:3px;
}
#header-appl .header-bar .header-search input.header-search-btn, #b2c-advs input.header-search-btn {
	border:1px solid black;
	font-weight:bold;
}    

#header-appl .header-bar .header-search input.header-search-btn:HOVER,
#b2c-advs input.header-search-btn:HOVER,
#header-appl .header-bar .header-search a.header-search-input-advsrch:HOVER {
	border:1px solid black;
	color: black;
}

#header-appl .header-bar .header-search a.header-search-input-advsrch {
	background-color: #AAAAAA;
	border:1px solid black;
	color: black;
	padding: 1px 5px;
	font-weight: bold;
	text-decoration: none;
	vertical-align:middle;
}

/* >>> 20120713, xdt */
#MainDwldActions {
	margin-top: 12px;
}

#MainDwldActions a, #MainDwldActions a:visited  {
	color: red;
	text-decoration: underline;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
}

#MainDwldActions a {
	padding: 0;
	margin: 0;
}

a#ModSymPopup,
a#ModSymPopup:link,
a#ModSymPopup:visited,
a#ModSymPopup:active,
a#ModSymPopup:focus,
a#ModSymPopup:hover {
  border:none !important;
  padding: 0 !important;
}
/* <<< 20120713, xdt */


/*
	>>> 20120827, xdt:
	
 	CSS f.d. Texte aus dem CRM (Katalogseite & Modell)
 	
 */
span.yymodtextbox-int p,
div.yyzpbtextbox-int p 	{
	margin: 0 0 8px;
	font-size: 11px;
}

span.yymodtextbox-int h1,
div.yyzpbtextbox-int h1 {
    font-size: 15px;
    margin: 0 0 11px 0;
}

span.yymodtextbox-int h2,
div.yyzpbtextbox-int h2 {
    font-size: 14px;
    margin: 0 0 9px 0;
}

span.yymodtextbox-int h1,
div.yyzpbtextbox-int h1,
span.yymodtextbox-int h2,
div.yyzpbtextbox-int h2 {
    border: 0 none;											/* nur im b2b */
    padding: 0;												/* nur im b2b */
    color: black;											/* nur im b2b */
}

span.yymodtextbox-int strong,
div.yyzpbtextbox-int strong {
	font-weight: bold;
}

span.yymodtextbox-int span.yyColorRed,
div.yyzpbtextbox-int span.yyColorRed {
	color: red;
}

span.yymodtextbox-int span.yyColorBlue,
div.yyzpbtextbox-int span.yyColorBlue {
	color: blue;
}

span.yymodtextbox-int a,
div.yyzpbtextbox-int a {
	color: red;
	text-decoration: underline;
}
/* <<< 20120827 */

/* >>> 20120828, xdt: ok style f.d. Fall dass texte hervorgehoben werden sollen (zB hinweise ) */
span.ytext_emphasize {
	color: red;
}

/* <<< 20120828 */

.shipto form, .order form {
	height: auto;
}