/* WebOrder StyleSheet - V 2.0  
   stoll informationssysteme http://www.stoll-is.de
   seriouslygrey.css - SERIOUSLYGREY - GRAU nach WebTrade - 23.11.07
*/

body  {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
	color : #000000;
	background-color : #FFFFFF;
}

#menuebody { background-color : #E8EAEB; }
	
h1  {
	font-size : 14px;
	font-weight : normal;
}

h2  {
	font-size : 13px;
	font-weight : normal;
}

h3  {
	font-size : 12px;
	font-weight : bold;
}

#index { background:#E8EAEB; font-size:12px; }
/* #index { background:#FFFFFF; }
#index td { background:#E8EAEB; padding:5px; font-size:12px; } */
#index h1 { font-size:14px; font-weight:bold;  margin:0px; padding:0px; }
#index h3 { font-size:12px; font-weight:bold;  margin:0px; padding:0px; }
#index .prog { height:21px; background:#AEB1B2; border:2px solid #FFFFFF; }
#index .info { height:21px; background:#E8EAEB; border:2px solid #FFFFFF; }

p,font  {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	color : #000000;
}

a  	  { }
a:link	  { color : #737373; }
a:visited { color : #737373; }
a:active  { color : #0041A0; }
a:hover   { color : #0041A0; }

#rand	{ font-family: Arial, Helvetica, Verdana, sans-serif;
	  text-align : left;
	  margin:0px; padding:0px;
	  width:100%;
}

table  {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	text-align : left;
	color : #000000;
}

.tablehead {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	background-color : #AEB1B2;
	font-size : 11px;
	font-weight : normal;
	text-align : center;
	vertical-align : middle;
	padding-right : 2;
	padding-left : 2;
}

.tabletxt,.lblTitel  {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	background-color : #E8EAEB;
	color : #000000;
	font-size : 11px;
	font-weight : normal;
	text-align : left;
	padding-right : 2;
	padding-left : 2;
}

#WebSpedLogo {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	color : #000000;
	padding-right : 2;
	padding-left : 2;
	font-size : 11pt;
	width: 200px; height: 40px;
	background:url(images/WebSpedLogo-GRAU.gif) #E8EAEB 0px 0px no-repeat;
	vertical-align:middle;
	}
	
#OhneLogo {
	width: 200px; height: 40px;
	padding-right : 2;
	padding-left : 2;
	}
		
#lblFirma {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	color : #000000;
	font-size : 11px;
	font-style : italic;
	}	
	
.hypLogout {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	color : #000000;
	font-size : 11px;
	}
	
.asphead,.aspMarginLeft  {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	background-color : #AEB1B2;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-right : 2;
	padding-left : 2;
}

.aspMarginLeft { table-layout:fixed; width:10px; }

.aspheadleft  {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	background-color : #AEB1B2;
	font-size : 11px;
	font-weight : bold;
	text-align : left;
	padding-right : 2;
	padding-left : 2;
}

.aspdat,.lblDef   {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
	font-weight : normal;
	text-align : left;
	padding-right : 2;
	padding-left : 2;
}

.rowselect  {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	background-color : #AEB1B2;
	color : #000000;
	font-size : 11px;
	font-weight : normal;
	text-align : left;
	padding-right : 2;
	padding-left : 2;
}

caption  {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	color : #000000;
	font-size : 11px;
	font-weight : bold;
}

td  {	font-family : Arial, Helvetica, Verdana, sans-serif;	
	font-size : 11px;
	vertical-align : top;
}/* color : #000000; */

th  {	font-family : Arial, Helvetica, Verdana, sans-serif;	
	font-size : 13px;
	font-weight : bold;
	text-align : center;
}/* color : #000000; */

input,select,option,textarea { 
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
	color : #000000;
	vertical-align : top; 
	}
.cmd  {
	border: #666666 1px solid;
	padding-top:3px; padding-bottom:3px;
	background:url(images/cmdGRAU.gif) repeat-x #939393;
	cursor:pointer; }	
label { font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 11px;
	color : #000000;
	vertical-align : middle; 
	}	

.alert { color : #FF0000;
	font-size : 12px;
}

.datlink { color : #000000; }
.disabled { color:#787878; }

/* Styles fuer DataGrid  */
  .dattab    { width:600px; }
  .dattab th,.datth 
  	     { background-color:#AEB1B2; color:#000000; font-weight:bold;
               font-family:Arial,Sans-Serif; font-size:12px; 
               padding-left:5px; text-align:left; height:14px; }            
  .dattab td,.dattd 
  	     { background-color:#FFFFFF; color:#000000; font-weight:normal;  
               font-family:Arial,Sans-Serif; font-size:11px; 
               padding-left:5px; padding-top:8px; padding-bottom:5px;
               text-align:left; vertical-align:top; }
  .datin,td.datin     
  	     { background-color:#AEB1B2; color:#000000; font-weight:normal;  
               font-family:Arial,Sans-Serif; font-size:11px; 
               padding-left:5px; padding-top:8px; padding-bottom:5px;
               text-align:left; vertical-align:top; } 
  .datsel,td.datsel    
  	     { background-color:#AEB1B2; color:#000000; font-weight:bold;  
               font-family:Arial,Sans-Serif; font-size:11px; 
               padding-left:5px; padding-top:8px; padding-bottom:5px;
               text-align:left; vertical-align:top; }            
  .datpager,td.datpager  
  	     { background-color:#E8EAEB; color:#000000; font-weight:normal;  
               font-family:Arial,Sans-Serif; font-size:10px; 
               padding-left:5px; padding-top:8px; padding-bottom:5px; padding-right:5px;
               text-align:right; vertical-align:top;
               margin-left:10px; margin-right:10px; }
  .loginfeld { font-family:Arial,Sans-Serif; font-size:11px; width:150px;  }      
  .TxtBox    { font-family:Arial,Sans-Serif; font-size:11px; color:#000000; }
  
  
  /* Styles fuer WebGrid - angepasst fuer seriouslygrey  */
  .grdFrame    { background-color:#FFFFFF;
  		 font-family:Arial,Sans-Serif; font-size:11px; 
                 text-align:left; vertical-align:top; padding-right:2px; padding-left:2px;}
  .grdFrame th { background-color:#AEB1B2; color:#000000; font-weight:bold;
                 font-family:Arial,Sans-Serif; font-size:11px; padding-right:2px; padding-left:2px;
                 text-align:left; border:1px solid #FFFFFF; }
  .grdHeader   { background-color:#AEB1B2; color:#000000; font-weight:bold;
                 font-family:Arial,Sans-Serif; font-size:11px; padding-right:2px; padding-left:2px;
                 text-align:left; border:1px solid #FFFFFF; }   
  .grdFooter   { background-color:#E8EAEB; color:#000000; font-weight:normal;  
                 font-family:Arial,Sans-Serif; font-size:10px; 
                 text-align:left; vertical-align:top;
                 margin-left:10px; margin-right:10px; padding-right:2px; padding-left:2px;
                 border:1px solid #FFFFFF; }      
  .grdRow,.grdAddNew      { background-color:#FFFFFF; color:#000000; font-weight:normal;  
                 font-family:Arial,Sans-Serif; font-size:11px; 
                 text-align:left; vertical-align:top; padding-right:2px; padding-left:2px;
                 border:1px solid #FFFFFF;
                 }/* nimmt grdAddNew statt grdRow!!!*/ 
  .grdRowAlter { background-color:#E8EAEB; color:#000000; font-weight:normal;  
                 font-family:Arial,Sans-Serif; font-size:11px;  
                 text-align:left; vertical-align:top; padding-right:2px; padding-left:2px;
                 border:1px solid #FFFFFF;
                 }
  .grdRowSelector { background-color:#AEB1B2; color:#000000; font-weight:normal;
                    font-family:Arial,Sans-Serif; font-size:11px; 
                    text-align:left; padding-right:2px; padding-left:5px; 
                    border:1px solid #FFFFFF;} 
                                  
  .grdFrame td a {  text-decoration:underline; }
  .grdFrame td a:link     {  color:#939393;  }
  .grdFrame td a:visited  {  color:#939393;  }
  .grdFrame td a:hover    {  color:#0041A0;  }
  .grdFrame td a:active   {  color:#0041A0;  }
          
  .grdEdit   { background-color:#AEB1B2; color:#000000; font-weight:normal;  
               font-family:Arial,Sans-Serif; font-size:11px; 
               text-align:left; vertical-align:top; padding-right:2px; padding-left:2px;
               border:1px solid #939393;} 
  .grdSelRow { background-color:#AEB1B2; color:#000000; font-weight:normal;  
               font-family:Arial,Sans-Serif; font-size:11px; padding-right:2px; padding-left:2px;
               text-align:left; vertical-align:top; 
               border:1px solid #FFFFFF;}            
  .grdPager  { background-color:#AEB1B2; color:#000000; font-weight:bold;  
               font-family:Arial,Sans-Serif; font-size:10px; 
               text-align:left; vertical-align:top; border:1px solid #FFFFFF;
               margin-left:10px; margin-right:10px; padding-right:2px; padding-left:2px;
              }  

/* ****************************************************************  */
  /* Gestaltung der Help.aspx  */
  
  #help .tabletxt {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	background-color : #AEB1B2;
	color : #000000;
	font-size : 14px;
	font-weight : bold;
	text-align : left;
	padding-right : 2;
	padding-left : 2;
	padding-top:10px; padding-bottom:10px; 
	}
  #help h1  {
	font-size : 14px;
	font-weight : normal;
	margin:0px; margin-top:10px;
	padding-top:5px; padding-bottom:5px;
	background-color:#E8EAEB;
	}
  #help td  {	
	font-family : Arial, Helvetica, Verdana, sans-serif;	
	font-size : 12px;
	margin:0px;
	padding-bottom:20px;
	}

  img {border:0px;}

   /* ****************************************************************  */
   /* Toolbar Gestaltung  */            
  .tBar    { background-color:#E8EAEB; 
  	     height:25px; width:100%;
  	     margin-bottom:5px; }
  .tBar table { height:100%; table-layout:auto !important;  }	   
  .tBar td { background-color:#939393; color:#000000; 
  	     font-family:Arial, Verdana; font-size:11px; 
  	     text-align:center; vertical-align:middle;
  	     margin:0px; padding:0px; }
  .tBar .tBardef,.tbar1def { background-color:#939393; color:#000000; font-weight:bold; 
  		   padding-left:10px; padding-right:10px; cursor:pointer;}
  .tBar .tBarsel,.tbar1sel { background-color:#AEB1B2; color:#000000; font-weight:bold; 
  		   padding-left:10px; padding-right:10px; cursor:pointer;}
  .tBar .tBarhov,.tbar1hov,.grdToolbar2hov { background-color:#E8EAEB; color:#000000; font-weight:bold; 
  		   padding-left:10px; padding-right:10px; cursor:pointer;}
   
 /* Einstellungen fuer WebAdmin - Menues  */
  #menuAdmin td {color:#000000;}
  .menuAdminclpsGroup td {color:#000000;}
  /* #menuAdmin table {background-color:#FFFFFF;} */
  .menuAdminclpsGroup td {cursor:pointer !important;}


  /* ****************************************************************  */
  /*                
Grau Hell
Menü, Tabelle, Logistic Finder
#E8EAEB

Grau
Menü Aktiv, Kopf Logistic Finder, Tabellekopf
#AEB1B2

Grau dunkel
Menütexte
#939393

Grau dunkeler
Links auf dunklem Hintergrund
#737373

Blau Dunkel
Menütexte
#0041A0
   */