/****
// @fname	inc.styles.css
// @project	AUTOMATA
// @ftype	css
// @descr	Stylesheet
// @creator	brain-at-work GmbH - Bahnhofstraße 5 - 88299 Leutkirch
// @author	Thomas Autenrieth - t.autenrieth@brain-at-work.de
// @date	25.05.05
// CHANGELOG
*/

/* ********************************************
/*		Allgemeines
/* ********************************************/

	/* TEST: Rahmen einblenden von DIV und TABLE 
	div {
		border: 1px solid #00CC00;
	}
	
	table {
		border: 1px solid #0000CC; 
	}	 */
	
	body {
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:0px;
	}
	
	* {	font-family:Arial, Geneva, Helvetica, sans-serif; font-size: 12px; }
		
	.nichtgefunden{	/* fuer meldung "Inhalt nicht gefunden" */
		font-size:12px;
		font-weight: bold;
		color:#E20D15;
	}

	.divcontent td{   /* Definition einer Schriftart, die in Tabellen verwendet werden soll */
		font-size:12px;
	}  
	
	#homecontent {
		width: 500px;
	}
	
	a {	/* Anker-Tag allgemein (insbesondere vom ActiveX-Editor erzeugte Links */
		color:#2D67AA;
		text-decoration:underline;		
	}
	a:hover {
		color: #DA251C;
	}
	
	h1 {
		margin-bottom: 15px;
	}
	h2 {
		margin-bottom: 15px;
	}
	h3 {
		margin-bottom: 10px;
	}
	
	p {
		margin: 0px; padding: 0px;
	}
	
	ul, ol {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	.divcontent { /* Formatierung Content-Bereich */
		min-height: 400px !important;
		height: 400px;
		vertical-align: top;
	}
	
	.nurgrafik {
		font-size:1px; 
		line-height:0px;
	}
/* ********************************************
/*		Navigation
/* ********************************************/	

	.menuzelle1 { /* Text-Ausrichtung */
		padding: 0px 0px 0px 5px;
		border-left: 1px solid #A5A5A5;
		margin: 5px 0px 0px 1px;
	}
	
	a:hover .menuzelle1 {
		background: #F0F0F0;
	}
	
	a.menu1{ /* Menu Links Ebene 1*/
		font-size:12px;
		color:#000000;
		text-decoration:none;
		width: 100%;
	}

	a.menu1:hover{ /* Menu Links Ebene 1 - Mouse Over */
		color:#2D67AA;
	}

	.menuactiv1 div{ /* Menu Links Ebene 1 - Markierung der aktuellen Kategorie */
		font-size:12px;
		color:#2D67AA;
		background: #F0F0F0;
		text-decoration:none;
	}

	.menuzelle2 { /* Text-Ausrichtung */
		padding: 0px 0px 0px 5px;
		border-bottom: 1px solid #FFFFFF;
		border-left: 15px solid #C0C7D0;
		margin: 1px 0px 1px 1px;
	}
	
	a:hover .menuzelle2 {
		background: #F0F0F0;
	}
			
	a.menu2{ /* Menu Links Ebene 2*/
		font-size:11px;
		color:#000000;
		text-decoration:none;
		width: 100%;
	}
	
	a.menu2:hover{ /* Menu Links Ebene 2 - Mouse Over*/
		color:#2D67AA;
	}

	a.menuactiv2 div{ /* Menu Links Ebene 2: Markierung der aktuellen Kategorie */
		font-size:11px;
		color:#2D67AA;
		background: #F0F0F0;
		text-decoration:none;
	}

	.menuzelle3 { /* Text-Ausrichtung */
		font-size:11px;
		padding: 0px 0px 0px 5px;
		border-bottom: 1px solid #FFFFFF;
		border-left: 30px solid #D7EBFA;
		margin: 0px 0px 2px 1px;
	}
	
	a:hover .menuzelle3 {
		background: #F0F0F0;
	}
	
	a.menu3{ /* Menu Links Ebene 1*/
		font-size:11px;
		color:#000000;
		text-decoration:none;
		width: 100%;
	}

	a.menu3:hover{ /* Menu Links Ebene 1 - Mouse Over */
		color:#2D67AA;
	}

	.menuactiv3 div{ /* Menu Links Ebene 1 - Markierung der aktuellen Kategorie */
		font-size:11px;
		color:#2D67AA;
		background: #F0F0F0;
		text-decoration:none;
	}

	.menuzelle4 { /* Text-Ausrichtung */
		padding: 0px 0px 0px 5px;
		border-bottom: 1px solid #FFFFFF;
		border-left: 40px solid #809CCD;
		margin: 0px 0px 1px 1px;
	}
	
	a:hover .menuzelle4 {
		background: #F0F0F0;
	}
	
	a.menu4{ /* Menu Links Ebene 1*/
		font-size:11px;
		color:#000000;
		text-decoration:none;
		width: 100%;
	}

	a.menu4:hover{ /* Menu Links Ebene 1 - Mouse Over */
		color:#2D67AA;
	}

	.menuactiv4 div{ /* Menu Links Ebene 1 - Markierung der aktuellen Kategorie */
		font-size:11px;
		color:#2D67AA;
		background: #F0F0F0;
		text-decoration:none;
	}
	
	.menuabschnitt1{ /* Menu Links Ebene 1 - Abschnittsbildung per Kategorie "ohne Inhalt" */
		font-size: 1px;
		color:#E8E4F0;
		margin: 9px 0px 5px 0px;
		border-bottom: 1px solid #C0C7D0;
	}
	
	.menuabschnitt2{ /* Menu Links Ebene 2 - Abschnittsbildung per Kategorie "ohne Inhalt" */
	}
	
	.menuinfobox{ /* Menu Infobox */
		padding: 0px 5px 0px 9px;
		font-size:12px;
		color:#2D67AA;
	}

	.locator{ /* Locator: Link*/
		font-size:11px;
		color:#C0C7D0;
		text-decoration: none;
		padding: 0px;
	}

	.locator:hover { /* Locator: Hover Effekt */
		color:#FFFFFF;
		text-decoration: underline;
	}

	.locatorlast{ /* Locator: normaler Text (nicht klickbar) */
		font-size:11px;
		color: #C0C7D0;
	}

	.locatortable{ /* Locator-Tabelle */
		position: absolute;
		top: 141px;
	}
	
	.locatortable td{
		line-height: 13px;
	}


/* ********************************************
/*		Sucheingabe und Trefferliste
/* ********************************************/
	
	.searchzelle{
		padding: 0px 0px 0px 10px;
		background: #C0C7D0;
	}
	
	.searchtext{ /* Beschriftung Eingabefeld (nicht klickbar) */
		font-size:11px;
		color: #000000;
	}
	
	.searchfield{ /* Suche Eingabefeld */
		border:1px solid #C0C7D0;
	}
	
	.searchfieldns{ /* Suche Eingabefeld fuer NETSCAPE*/
		border-color:#C0C7D0;
	}

	.searchstart{ /* Link, um Suche auszuführen */
		font-size:11px;
		color: #000000;
		text-decoration: none;
	}
	
	.searchstart:hover{ /* Mouseover-Link, um Suche auszuführen */
		color: #EC6F04;
		text-decoration: underline;
	}
	
	.searchresult{ /* Textzeile "Die Suche ergab xx Fundstellen für xxx" */
		font-size:12px;
		font-weight:bold;
		color: #000000;
	}
		
	.searchhits{ /* Textzeile "Treffer:.." wie oft welcher Begriff gefunden wurde */
		font-size:11px;
		color: #999999;
		margin-top: 10px;
		border-top: 1px solid #999999;
	}
			
	.searchrespath{ /* Pfad der einzelnen Fundstelle */
		font-size:11px;
		color: #999999;
	}
				
	.searchreslink{ /* Überschrift der Fundstelle */
		font-size:12px;
		font-weight:bold;
		color: #2D67AA;
	}
					
	.searchrestext{ /* Kurztext/Textanriss der Fundstelle */
		font-size:12px;
		color: #000000;
	}

/* ********************************************
/*		Topleiste Navigation
/* ********************************************/
	
	.toplinks {
		width: 159px;
		background-color: #D9EAF7;
		padding-left: 1px;
	}
	
	.langlink {
		font-size:11px;
		color: #C7171D;
		text-decoration: none;		
	}
	.langlink:hover {
		color: #0067AA;
		text-decoration: underline;		
	}
	
	.topnav{ /* Links am oberen Bildschirmrand */
		font-size:11px;
		color: #2D67AA;
		text-decoration: none;
	}	
		
	.topnav:hover{ /* Links am oberen Bildschirmrand - Mouse Over */
		color: #C7171D;
		text-decoration: underline;
	}	
	
/* ********************************************
/*		Fusszeile
/* ********************************************/

	.footerline {
		width: 945px;
		height: 28px;
		margin: auto;
		background: #809CCD url(images/w_footer.gif) right bottom;
		vertical-align: top;
	}	
	
	.footerline span {
		margin: 0px 20px 0px 20px;
	}
	
	.copyright { /* Copyright Text in Fusszeile */
		font-size:11px;
		color:#809CCD;
	}
	
	.toplink, .recommend, .printlink { /* top */
		font-size:11px;
		color:#FFFFFF;
		text-decoration: none;
	}
	
	.toplink:hover, .recommend:hover, .printlink:hover { /* top */
		color:#DA251C;
		background: #FFFFFF;
	}
	
	.internalid { /* ID fuer interne Verweise */
		font-size:12px;
		font-weight: bold;
		color:#FFFFFF;
		text-decoration: none;
	}
		
	.backlink { /* zurück-Link auf allen Seiten */
		font-size:12px;
		color:#AAAAAA;
		clear:both;
		text-decoration: none;
	}
	.backlink:hover {
		color: #000000;
	}
	
	.backptag {  /* Ausrichtung des zurück-Link */
	}
	
	.bawlink {
		font-size:10px;
		color:#F0F0F0;
		visibility: none;
		text-align: right;
		text-decoration: none;
	}
	
/* ********************************************
/*		Newsblock Startseite
/* ********************************************/
	
	.block1heading, .block2heading{ /* Block Auflistung Aktuellste News - Überschrift */
		font-size:12px;
		letter-spacing: 2px;
		padding-left: 20px;
		color: #000000;
		position: relative;
		left: 13px;
		background: #C0C7D0 url(images/w_blockheading.gif) 0px 3px;
		border-top: 3px solid #D90425;
	}
	.block1heading span, .block2heading span {
		background: #C0C7D0;
	}
	
	.block1table, .block2table{
		position: relative;
		left: 13px;
		background: #FFFFFF;
		padding-top: 3px;
	}
	
	
	.block1table .listtable, .block2table .listtable{
		background: #FFFFFF;
	}

	.newslistheading{ /* Überschrift einzelner Artikel-Anriss */
		font-size:12px;
		color: #3367AB;
		margin-left: 5px;
	}
	
	.newslistheading a{
		text-decoration:none;
	}
	
	.newslistheading:hover a{ /* Überschrift einzelner Artikel-Anriss */
		color: #D90425;
		text-decoration:underline;
	}
		
	.newslisttext{ /* Kurztext News */
		font-size:11px;
		color: #717271;
		margin-left: 5px;
	}
			
	a.newsmore{ /* mehr..-Link am Ende vom Kurztext */
		font-size:11px;
		color: #D90425;
		white-space: nowrap;
		text-decoration:none;
	}
			
	a.newsmore:hover{ /* mehr..-Link am Ende vom Kurztext - Mouse Over */
		text-decoration:underline;
	}
		
	hr.trennlinie{ /* ueber block mit news und vorgeschobenen artikeln, TELEDATA-special */
		color:#F0F0F0;
	}

/* ********************************************
/*		Kategorie- und Artikelauflistungen
/* ********************************************/

	.catlistheading{ /* Kategorieauflistung Überschrift */
		font-size:18px;
		color: #2D67AA;
		margin-bottom: 15px;
	}

	.catlisttext{ /* Kategorieauflistung Einleitungstext */
		font-size:12px;
		font-weight:normal;
		color: #000000;
		line-height: 16px;
	}

	.catpiccaption{ /* Bildunterschrift für Kategorie-bilder */
		font-size:10px;
		color:#666666;
	}
	
	 .listtable{
		background: #DDE1E7;
	}
	
	.listtable .listheading{ /* Überschrift Kateg./Artikel */
		background: #C0C7D0;
		border-top: 3px solid #D80427;
		padding: 2px 2px 0px 10px;
	}
	.listheading a {
		font-size:11px;
		font-weight: bold;
		color: #000000;
		text-decoration:none;
		}
	
	.listheading a:hover{ /* Überschrift Kateg./Artikel - Mouse Over */
		color: #AAAAAA;
	}
		
	.listtext{ /* Kurztext Kateg. / Artikel */
		font-size:11px;
		color: #000000;
		background: #DDE1E7;
		padding: 5px 2px 5px 10px;
	}
		
	.listtextva{ /* Datum-Ort-Angaben bei Veranstaltungsartikel
					wird auch für Newsletter verwendet (Versand-Datum und Rubriken)
				 */
		font-size:11px;
		color: #EC6F04;
	}
		
	a.listmore{ /* mehr..-Link am Ende vom Kurztext */
		font-size:11px;
		color: #C7161C;
		white-space: nowrap;
		text-decoration: none;
	}
			
	a.listmore:hover{ /* mehr..-Link am Ende vom Kurztext - Mouse Over */
		text-decoration:underline;
	}
	
	.listjumplink {  /* für "Alle auf 1 Seite mit Sprunglinks": klickbare Überschrfit */
		font-size:12px;
		font-weight:bold;
		color: #CC0000;
	}
	
	.imagemaplink{ /* Links unter ImageMap */
		font-size:12px;
		font-weight:bold;
		color: #CACACA;
		text-decoration:none;
	}

	.imagemaplink:hover{ /* Links unter ImageMap */
		font-size:12px;
		font-weight:bold;
		color: #CACACA;
		text-decoration:underline;
	}

/* ********************************************
/*		Artikel-Templates
/* ********************************************/


	.articleheading { /* Überschrift Artikel */
		font-size:18px;
		color: #2D67AA;
		text-decoration:none;
	}

	.articlesubheading { /* Untertitel Artikel*/
		font-size:12px;
		color:#2D67AA;
		font-weight:bold;
		margin-bottom: 10px;
	}
	
	.articleshorttext, .articletext{ /* Artikel-Kurztext auf Detailseite */
		font-size:12px;
		color:#000000;
		line-height: 16px;
	}

	.articletextva{ /* Veranstaltungsdaten über Artikeltext */
		font-size:12px;
		color:#EC6F04;
	}

	.articletextdate{ /* VÖ-Datum Newsartikel  */
		font-size:12px;
		color:#666666;
	}

	.articlepiccaption{ /* Bildunterschriften */
		font-size:10px;
		color:#666666;
		vertical-align:top;
	}
	
/* ********************************************
/*		Artikel-Templates
/* ********************************************/	
	
	.blaetterntable{
		margin-top: 20px;
		border-top: 1px solid #2D67AA;
		padding-top: 5px;
	}

	.blaetternaktiv { /* Blättern Header : Aktive bzw. gerade dargestellte Seite  */
		font-size:12px;
		font-weight:bold;
		color:#2D67AA;
		text-decoration:none;
	}
	
	.blaetterninaktiv { /* Blättern Header : inaktive bzw. nicht dargestellte Seiten */
		font-size:12px;
		color:#666666;
	}
	
	.blaetterninaktiv:visited { /* Blättern Header : inaktive bzw. nicht dargestellte Seiten */
		font-size:12px;
		font-weight: bold;
		color:#666666;
	}

	a.blaetternlinks{ /* Blättern weiter - zurück - Links*/
		font-size:12px;
		color:#2D67AA;
	}

	.blaetternstatus{ /* Blättern - welche Seite gerade gezeigt wird */
		font-size:12px;
		color:#2D67AA;
		text-decoration:none;
	}

/* ********************************************
/*		Formulare (Kontakt, Weiterempfehlen)
/* ********************************************/
	
	.formtable td{
		text-align: left;
	}
	
	.formhint{	/* Hinweistext auf Pflichtfelder mit Stern */
		font-size:11px;
		font-style:italic;
		color:#DA251C;
	}
	
	.formfieldtitle{	/* Formulare : Feldbezeichnung */
		font-size:12px;
		color:#000000;
	}
		
	.formcomment{	/* Formulare : Text Kommentar/Leerzeile */
		font-size:12px;
		color:#000000;
	}

	.formfield{  /* Darstellung Eingabefeld */
		border: 1px solid #C0C7D0;
		font-size:12px;
		font-weight:normal;
	}
	
	.formfieldns{  /* Darstellung Eingabefeld fuer NETSCAPE*/
		border-color:#C0C7D0;
		font-size:12px;
		font-weight:normal;
	}

	.formrequired{	/* Formulare : Required Stern */
		font-size:12px;
		color:#DA251C;
	}
	
	.formsend{	/* Textbeschriftung Button */
		font-size:12px;
		font-weight:bold;
		color:#0067AA;
		text-decoration: none;
	}
	.formsend: hover{
		color:#DA251C;		
	}
	
	.formerror{	/* Fehlermeldung und Hinweise */
		font-size:12px;
		color:#DA251C;
	}

	.popuplink{	/* Link fuer Text-Popup (Hilfe, Datenschutz etc.) */
		font-size:11px;
		color:#999999;
		text-decoration:underline;		
	}

	.fvlink{	/* Linktext fuer Formular-Verlinkung */
		font-size:11px;
		color:#DA251C;
		text-decoration:underline;
	}

/* ********************************************
/*		Adressverzeichnis
/* ********************************************/	

	.adresstable{
		background-color: #DDDDDD;
		border: 1px solid #FFFFFF;
	}
	
.adressname1 {/* Liste Titel Eintrag */
		font-size:12px;
		font-weight: bold;
		color:#000000;
	}

.adressname2 {/* Liste Untertitel Eintrag */
		font-size:12px;
		color:#000000;
	}
	
.adresstext {/* Liste Strasse, Ort, Land, Nummern, eMail etc. */
		font-size:11px;
		color:#000000;
	}
	
.adresstitle {/* Liste Fon: Fax: Mobil: etc. */
		font-size:11px;
		color:#999999;
	}
	
.adressoption {/* Liste aufgezählte Optionen */
		font-size:11px;
		color:#000000;
	}
	
.adressshorttext {/* Liste Kurztext */
		font-size:11px;
		color:#000000;
	}

/* ********************************************
/*		sonstiges
/* ********************************************/

	.hyperlink{	/* fuer interne/externe/media-verweise innerhalb text */
		color:#2D67AA;
		text-decoration:underline;		
	}
	.hyperlink:hover {
		color: #DA251C;
		}
	
	.doclinktextbildbereich {  /* für Links auf Dokumente innerhalb des Bildbereichs */
		font-size:11px;
		font-weight: bold;
		color:#000000;
		text-decoration:underline;
	}

/* ********************************************
/*		PWS Komfort und teilweise Newsletter
/* ********************************************/

	a.menulogin1{ /* Main-Menu Link "Login" */
		font-size:12px;
		font-weight: bold;
		color:#000000;
		text-decoration:none;
		width: 100%;
	}

	a.menulogin1:hover{ /* Main-Menu Link "Login" - Mouse Over */
		color:#2D67AA;
		background: #F0F0F0;
	}

	a.menuloginactiv1{ /* Main-Menu Link "Login" - Markierung der aktuellen Kategorie */
		font-size:12px;
		color:#2D67AA;
		background: #F0F0F0;
		font-weight:bold;
		text-decoration:none;
	}

	a.menulogin2{ /* Sub-Menu Link "Login" */
		font-size:11px;
		color:#FF0E07;
		text-decoration:none;
	}
	
	a.menulogin2:hover{ /* Sub-Menu Link "Login" - Mouse Over*/
		color:#FF0E07;
		text-decoration:underline;
	}

	a.menuloginactiv2{ /* Sub-Menu Link "Login": Markierung der aktuellen Kategorie */
		font-size:11px;
		color:#FF0E07;
		text-decoration:none;
	}

	a.menulogout1{ /* Main-Menu Link "Logout" */
		display:block;
		text-align: right;
		padding: 2px 5px 1px 10px;
		font-size:12px;
		color:#FF0E07;
		background: #E4E4E4;
		border-top: 1px solid #FFFFFF;
		text-decoration:none;
	}

	a.menulogout1:hover{ /* Main-Menu Link "Logout" - Mouse Over */
		color:#FF0E07;
	}

	a.menulogoutactiv1{ /* Main-Menu Link "Logout" - Markierung der aktuellen Kategorie */
		font-size:12px;
		color:#FF0E07;
		font-weight:bold;
		text-decoration:none;
	}

	a.menulogout2{ /* Sub-Menu Link "Logout" */
		font-size:11px;
		color:#ff0000;
		text-decoration:none;
	}
	
	a.menulogout2:hover{ /* Sub-Menu Link "Logout" - Mouse Over*/
		color:#0000ff;
		text-decoration:underline;
	}

	a.menulogoutactiv2{ /* Sub-Menu Link "Logout": Markierung der aktuellen Kategorie */
		font-size:11px;
		color:#00ff00;
		text-decoration:none;
	}

	.logintable {  /* Tabelle fürs Login-Formular
					  wird auch für Newsletter-Abo-Formular verwendet
				   */
		width: 300px;
	}

	.logintablediv {  /* DIV um Tabelle fürs Login-Formular
							wird auch für Newsletter-Abo-Formular verwendet
					  */
		text-align:left;
	}

	.loginfieldtitle{	/* Zellen Login-Formular: Feldbezeichnung + Eingabefeld
							wird auch für Newsletter-Abo-Formular verwendet
	                    */
		font-size:12px;
		color:#000000;
		font-weight:bold;
		vertical-align: middle;
		padding: 2px;
	}

	.loginfield, .loginfieldns{  /* Login-Formular: Eingabefeld
					wird auch für Newsletter-Abo-Formular verwendet
	              */
		border:1px solid #D9D9D9;
		font-family:monospace;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
		vertical-align: middle;
	}
	
	.loginsubmit{	/* Login-Formular: Einloggen-Link
					   wird auch für Newsletter-Abo-Formular verwendet
	                */
		display: block;
		text-align: center;
		border: 1px solid #FFFFFF;
		padding: 1px 0px 1px 0px;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		text-decoration:none;
		background: #E4E4E4;
		width: 140px;
	}
	.loginsubmit:hover {
		background-color: #FFFFFF;
		border: 1px solid #000000;
	}
	
	.logintdsubmit {  /* Zellen, die Einloggen-Link + PW-Vergessen enthalten
					     wird auch für Newsletter-Abo-Formular verwendet
	                  */
		border-color: #D3443B;
		padding: 5px;
	}
	
	.loginpwforgotten{	/* Login-Formular: Passwort vergessen-Link */
		font-size:10px;
		font-weight:bold;
		padding-left: 10px;
		color:#000000;
	}

	.loginregister{	/* Login-Formular: Registrieren-Link */
		display: block;
		text-align: center;
		border: 1px solid #FFFFFF;
		padding: 1px 0px 1px 0px;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		text-decoration:none;
		background: #E4E4E4;
		width: 140px;
	}
	.loginregister:hover {
		background-color: #FFFFFF;
		border: 1px solid #000000;
	}
	
	.logintdregister {  /* Zellen, die Registrieren-Link enthalten */
		padding: 5px;
	}
	
	
/* ********************************************
/*		Newsletter
/* ********************************************/

	.nlheadingbisher{	/* für Zwischenüberschrift "bisher verschickte Newsletter"
	                    */
		font-size:12px;
		color:#008C95;
		font-weight:bold;
		vertical-align: middle;
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.nlformfielderror{	/* Markierung Fehler-Feld in Newsletter-Abo-Formular */
		font-size:12px;
		font-weight: bold;
		color:#E20D15;
		padding: 5px;
	}

			
	
/* ********************************************
/*		AUTOMATA Spezial: Daten-Tabellen
/* ********************************************/

	.tablebreak { /* Umbruch vor Tabellen, damit ganze Breite genutzt wird */
		clear: both;
	}
	
	.datatable {
		border: 1px solid #999999;
		background: #FFFFFF;
		width: 100%;
		clear: both;
		border-collapse: collapse;
		border-spacing: 0px;
	}
	
	.datacelltitle {
		font-weight: bold;
		background: #AAAAAA;
		color: #FFFFFF;
		padding: 5px 0px 3px 10px;
	}
	
	.datacelltitle a{
		color: #FFFFFF;
	}
	
	.datacell1 {
		background: #DDE1E7;
		border-bottom: 1px solid #FFFFFF;
		vertical-align: top;
		padding: 2px 0px 2px 10px;
	}
	
	.datacell2 {
		background: #FFFFFF;
		border-bottom: 1px solid #DDE1E7;
		vertical-align: top;
		padding: 2px 0px 2px 10px;
	}