/* muß für style.css eingetragen sein, erster CSS-Eintrag wird sonst verschluckt !!! */
.csserrorfilter { font-weight: bold;}


/*****************************************  Tabellenformatierung    *****************************************/
table{
border:0px; 
}

table.navi{
width:100%;
padding:0;
margin:0; 

} 
table.fixed{
border-left:10px solid #ffffff;
border-right:10px solid #ffffff;
width:770;
padding:0;
}
table.wideFixed{
border-left:10px solid #ffffff;
border-right:10px solid #ffffff;
width:900;
padding:0;
}  
table.global{
border-left:10px solid #ffffff;
border-right:10px solid #ffffff;
width:100%;
padding:0;
} 
table.form{
width:100%;
padding:0;     
display:inline;
}
 
table.form2{
border-left:10px solid #ffffff;
border-right:10px solid #ffffff;
width:100%;
padding:0; 
display:inline;    
} 


td.distance{
padding-left:3;
padding-right:3;   
} 

td.distance10px{
padding-left:8px;
padding-right:5px;   
} 

td.datamart_text_top{
vertical-align:top;
padding-top:4px;
}

td.aligntop{
vertical-align:top;
padding-top:0px;
}

td.datamart_text_top2{
vertical-align:top;
padding-top:10px;
}

td.datamart_img_top{
vertical-align:top;
}

td.alignbottom{
vertical-align:bottom;
}


table.naviRights{
background-color: #ECEDEE;
} 

table.lightgrey{
background-color: #EEEEEE;
margin-left:8px;
}

td.SubNaviRightsActive{
background-color: #FFDA8C;
}

td.SubNaviRightsInactive{
border-right:solid 1px;
}

td.orderprintTop{
padding-left:3;
padding-right:3;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
} 

td.orderprintLeft{
padding-left:3;
padding-right:3;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
} 

td.orderprintRight{
padding-left:3;
padding-right:3;
border-right:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
} 
/*****************************************  Form    *****************************************/

 form{
              display:inline;
		  } 

/*****************************************  Fonts    *****************************************/
font, a, input, select, textarea {font-family:"Arial","Arial Narrow";}

font.text, font.panel, a.text, a.panel, a.textbold, font.textbold, font.panelbold {		
	color:#000000;	
	font-size:9pt;	
	font-weight:normal;
} 

font.textgrey {
color:#5F6973;	
font-size:9pt;	
font-weight:normal;
}

a.text, a.panel {		
	font-weight:bold;
	text-decoration:underline;
} 
a.textbold, font.textbold, font.panelbold {				
	font-weight:bold;
	text-decoration:none;
} 

font.textsmall, a.textsmall {	
	color:#000000;	
	font-size:8pt;	
	font-weight:normal;
} 

font.texterror {		
	color:#CC0000;	
	font-size:9pt;	
	font-weight:normal;
} 

font.phonenumber {		
	color:#444444;	
	font-size:13pt;	
	font-weight:bold;
} 

font.e-mail, a.e-mail {		
	color:#000000;	
	font-size:9pt;	
	font-weight:bold;
	text-decoration:underline;
} 

font.e-mailsmall, a.e-mailsmall {		
	color:#000000;	
	font-size:8pt;	
	font-weight:normal;
	text-decoration:underline;
} 

/*****************************************  Abstände    *****************************************/
font.spacer {		
	font-size:8pt;	
} 

font.smallspacer {		
	font-size:3pt;	
} 

/*****************************************  Pfade und Login    *****************************************/
font.login, a.login, a.path, font.path, a.pathbold {
	font-family:"Arial","Arial Narrow";	
	color:#5F6973;
	font-size:8pt;	
}
font.login {		
	font-weight:normal;
}
a.login {
	font-family:"Arial","Arial Narrow";	
	text-decoration:underline;
	font-weight:bold;
} 

a.path {	
	font-family:"Courir","Arial Narrow";	
	text-decoration:underline;
	font-weight:normal;
	line-height:11pt;
} 
font.path {		
	font-weight:normal;
	line-height:11pt;
} 
a.pathbold {
	font-family:"Arial","Arial Narrow";	
	text-decoration:underline;
	font-weight:bold;
	line-height:11pt;
} 
font.pathbold {
	font-family:"Arial","Arial Narrow";	
	font-weight:bold;
	line-height:11pt;
} 


/*****************************************  Text in Tabellen    *****************************************/
font.listinghead, a.listinghead {		
	color:#5F6973;	
	font-size:8pt;	
	font-weight:bold;
}

font.listingheadwhite, a.listingheadwhite {		
	color:#FFFFFF;	
	font-size:8pt;	
	font-weight:bold;
}
font.listingheadblack {		
	color:#000000;	
	font-size:8pt;	
	font-weight:bold;
}

font.listingtext, td.listingtext  {
	color:#5F6973;	
	font-size:8pt;	
	font-weight:normal;
}

td.listingtext  {
	font-family:"Arial","Arial Narrow";	
}

font.listingtextlightgrey  {		
	color:#999999;	
	font-size:8pt;	
	font-weight:bold;
}

font.listingtextblack {		
	color:#000000;	
	font-size:8pt;	
	font-weight:normal;
}

font.listingtextbold, a.listingtextbold {		
	color:#5F6973;	
	font-size:8pt;	
	font-weight:bold;
}

font.listingtextboldselected {		
	color:#5F6973;	
	font-size:8pt;	
	font-weight:bold;
}

font.listingtextboldblack {		
	color:#000000;	
	font-size:8pt;	
	font-weight:bold;
}

font.linktextactive {		
	color:#5F6973;	
	font-size:11pt;	
	font-weight:bold;
	text-decoration:none;
} 
a.listingtext, a.listinghead {	
	color:#5F6973;		
	text-decoration:underline;
	font-size:8pt;	
	font-weight:bold;
} 

font.listingselected {		
	color:#5F6973;	
	font-size:8pt;	
	font-weight:normal;
}

font.listingselectedbold {		
	color:#5F6973;	
	font-size:8pt;	
	font-weight:bold;
}

a.listingselected {		
	color:#5F6973;	
	font-size:8pt;	
	font-weight:bold;
}

font.listingtextsmall {		
	color:#5F6973;	
	font-size:8pt;	
	font-weight:normal;
} 

font.listingtextsmall_BOandSB {		
	color:#5F6973;	
	font-size:8pt;	
	font-weight:normal;
} 

a.listingtextsmall {		
	color:#5F6973;	
	font-size:8pt;	
	text-decoration:underline;
	font-weight:normal;
} 

font.listingtexterror {		
	color:#CC0000;	
	font-size:8pt;	
	font-weight:normal;
} 

font.listingtexterrorselected {		
	color:#CC0000;	
	font-size:8pt;	
	font-weight:normal;
}

font.listingtextselected {		
	font-size:8pt;	
	font-weight:bold;
} 

font.listingtextgrey {	
	color:#5F6973;	
	font-size:8pt;	
	font-weight:bold;
} 

font.listingtextgreyselected {	
	color:#5F6973;	
	font-size:8pt;	
	font-weight:bold;
} 

font.listingtextnormal {		
	font-size:8pt;	
	font-weight:normal;
} 

font.listingtextgreen {		
	color:#009900;	
	font-size:8pt;	
	font-weight:bold;
} 

font.listingtextgreenselected {		
	color:#009900;	
	font-size:8pt;	
	font-weight:bold;
} 

font.listingtextgreennormal {		
	color:#009900;	
	font-size:8pt;	
	font-weight:normal;
} 

font.listingtextred {		
	color:#ff0000;	
	font-size:8pt;	
	font-weight:bold;
} 

font.listingtextredselected {		
	color:#ff0000;	
	font-size:8pt;	
	font-weight:bold;
} 

font.subheadlinegreen {
	color:#009900;
	font-weight:bold;
	text-decoration:none;
}
/*****************************************   Überschriften    *****************************************/
font.headline, font.subheadline, a.subheadline, font.subheadlineerror, font.subheadlineblack, font.subheadlineyellow, a.button {
	font-weight:bold;
	text-decoration:none;
}

font.headline, font.subheadline, a.subheadline, a.button {
	color:#5F6973;
}

font.subheadlineerror {
	color:#CC0000;
}

font.subheadlineyellow {
	color: #FFBD22;
}

font.subheadlineblack {
	color:#000000;
}

font.headline {	font-size:14pt;	} 

font.subheadline, a.subheadline, font.subheadlineerror, font.subheadlineblack, a.button { font-size:11pt;} 


/*****************************************   Navigation    *****************************************/

font.navigation, a.navigation {		
	color:#5F6973;	
	font-size:9pt;	
	font-weight:normal;
	text-decoration:none;
	letter-spacing:1.0pt;
} 

font.activenavigation, a.activenavigation, font.subnavigationactive, a.subnavigationactive  {		
	color:#FFFFFF;	
	font-size:9pt;	
	font-weight:bold;
	text-decoration:none;
}

font.subnavigation, a.subnavigation {	
	color:#5F6973;	
	font-size:8pt;	
	font-weight:bold;
	letter-spacing:1.0pt;
	text-decoration:none;
} 

font.subnavigationactive, a.subnavigationactive {	
	font-weight:bold;
	font-size:8pt;	
} 

/*****************************************   Formularfelder    *****************************************/

/********   muss noch  für die fehlermakrierung im Warenkorb für alle Typen angelegt werden   ***********************/

input.plzbgyellowred { 
	width:84;
	background-color:#FFA27D;
}

input.plzyellowlistselecteddark { 
	width:84;
	background-color:#FFDA8C;
}

/********   Ende noch  für die fehlermakrierung für alle Typen angelegt werden     ***********************/

input, select, textarea { 
	color:#000000;	
	font-size:8pt;	
	font-weight:normal;
	text-align: left;
}

input.Feld {
	background-color: transparent;
	width:50px;
	border:0px;
	font-family:"Arial","Arial Narrow";
	color:#3C3C3C;
	font-size:8pt;
	font-weight:normal;
}

input.extrasmall, select.extrasmall {
	width: 40;
}
input.middlesmall  {
	width: 108;
}

select.middlesmall {
	width: 90;
}

select.datamart {
	width: 280;
}

input.small, select.small {
	width: 156;
}

input.middle, select.middle {
	width:240;
}

input.big, select.big {
	width:270;
}

input.verybig, select.big {
	width:480;
}

input.extrabig, select.extrabig {
	width:552;
}

input.plz {
	width:84;
}

input.width200 {
	width:200;
}

input.width470 {
	width:470;
}

input.width200disabled {
	width:200;
	background-color:#DEDEDE
}

select.currency {
	width:60;
}

select.global, input.global {
	width:100%;
}

textarea.small {
	width:156;
	height:40;
}

textarea.smallhigh {
	width:156;
	height:80;
}

textarea.middlehigh {
	width:240;
	height:80;
}

textarea.largehigh {
	width:300;
	height:40;
}

textarea.middle {
	width:240;
	height:40;
}

textarea.bighigh {
	width:270;
	height:80;
}

textarea.bigextrahigh {
	width:270;
	height:200;
}

textarea.extrabig {
	width:552;
	height:50;
}

textarea.width470 {
	width:470;
}

textarea.width640 {
	width:640;
	height:40;
}
/*****************************************   Klassen fue bilder   ****************************************/
/********************************************************************************************************/
/********************************************************************************************************/

img.floatleft{
	float:left;
	padding-right:3px;
}

img.bottom{
	vertical-align:bottom;
	padding-bottom:2px;
}

/*****************************************   Background-Klassen fue body    *****************************/
/********************************************************************************************************/
/********************************************************************************************************/
select.sellerselectgrey { 
	color:gray;	
	width: 190;
	position: relative;
	font-size:8pt;	
	font-weight:normal;
}
select.sellerselectblack { 
	color:black;	
	width: 190;
	position: relative;
	font-size:8pt;	
	font-weight:normal;
}

/*****************************************   Background-Klassen fue body    *****************************/
/********************************************************************************************************/
/********************************************************************************************************/
body.bodywhite { background-color:#FFFFFF;
}

body.bodyred { background-color:red;
}
/*****************************************   Background-Klassen fue JS    *******************************/
/********************************************************************************************************/
/********************************************************************************************************/
.navigrey {		
	color:#5F6973;
	text-decoration:none;	
}
.naviwhite {		
	color:#FFFFFF;
	text-decoration:none;	
}

/********************************************************************************************************/
/********************************************************************************************************/
/***********************************  Hintergruende (bgcolor fuer td,tr,table)   ************************/

.bgwhite { background-color:#FFFFFF;
}

.bggrey { background-color:#E8E8E0;
}

.bgyellowred { background-color:#FFDA8C;
}

.bglightred { background-color:#ff0000;
}

.greysixtimessix { background-color:#666666;
}

.greysubnavifont { background-color:#5F6973;
}

.greybgcccccc { background-color:#CCCCCC;
}

.greybgefefef { background-color:#EFEFEF;
}

.greybgnavigation { background-color:#D5D7D6;
}

/*************** Grau der Produktdarstellung fuer td-, tr-, table-tags *****************/

.greyproductlistdark {	
	background-color:#D4D6D5;
	padding-left:3;
	padding-right:3; 
}

.greyproductlistlight {
	background-color:#EEEEEE;
	padding-left:3;
	padding-right:3; 
}

.redproductlist { background-color:#FF9966;
}

/*************** Gelb der Produksortierung als bgcolor fuer td-, tr-, table-tags ********/

.yellowlistselected { 
background-color:#FFCC66;
padding-left:3;
padding-right:3;   
}

.yellowlistselecteddark { 
background-color:#FFDA8C;
padding-left:3;
padding-right:3;   
}

.yellowlistselectedlight { 
background-color:#FFE1A4;
padding-left:3;
padding-right:3;   
}

.yellowanddistance { 
background-color:#FFE1A4;
padding-left:3;
padding-right:3;   
}

.selectedInProgress {
background-color:#FFDA8C;
padding-left:3px;
padding-right:3px;  	
}
 
/********************************************************************************************************/
/****************************colored rows in Tables by JavaScript****************************************/
    .odd
    {
      background-color: #eeeeee;
    }
    .even
    {
      background-color: #dddddd;
    }
    .config
    {
      background-color: #eeffee;
    }
    .err
    {
      padding:              4px;
      visibility:        hidden;
      display:             none;
    }
	
	.distance10px{
	padding-left:10px;
}
/********************************************for CustomTag isDivPopup*************************************/
     .popup
    {
      position:        absolute;
	  top:                    0;
	  left:                   0;
      background-color: #ffffff;
      border-width:         1px;
      border-style:       solid;
      border-color:     #000000;
      padding:              0px;
      z-index:             1000;
      visibility:        hidden;
    }
     .popuptitle
    {
      text-transform: uppercase;   
      text-align:          left;
      vertical-align:    middle;
      background-color: #999999;
      color:            #FFCC66;
      font-family:        Arial;
      font-size:            9pt;
    }
 /*********************************************************************************************************/
 
 /******************************************** ADDRESSMASK *************************************/
  ul.addressmask, ul.addressmask_output {
    margin:0;
    padding:0;
    list-style:none;
    list-style-type:none;
    margin-bottom:0.2em;
    font-family:"Arial","Arial Narrow";	
	font-size:9pt;	
	font-weight:normal;
	color:#000;	
  }
  
  ul.addressmask li {
  	margin-bottom:0.2em;
	clear:both;
  } 
  
  ul.addressmask_output li {
  	margin-bottom:0.3em;
	clear:both;
  } 
  
  ul.addressmask li span, ul.addressmask_output li div {
    width:11.8em;
    float:left;
  }
  
  ul.addressmask_output li div
  {
    width:14em;
  }
  
  ul.addressmask_output li div.noIdentifier 
  {
    width:2em;
  }
  
  ul.addressmask li input.address_normal {
	  width:240px;  	
  }
  
  ul.addressmask li input.address_postalcode {
	  width: 50px;
  }

	ul.addressmask li input.address_city {
	  width: 187px;
  }
  
  ul.addressmask li select {
	  width: 240px;
  }
 /**********************************************************************************************/