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

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

	/* TEST: Rahmen einblenden von DIV und TABLE 
	div {
		border: 1px solid #00CC00;
	}
	
	table {
		border: 1px solid #0000CC; 
	}	 */

	body {
		margin: 0px;
		background-position: 660px 40px;
		background-repeat: no-repeat;
		font-size: 12px;
	}
	
	*	{ font-family:WarpSans, Geneva, Arial, Helvetica, sans-serif; }

	.nichtgefunden{	/* fuer meldung "Inhalt nicht gefunden" */
		font-size:12px;
		font-weight: bold;
		color:#E20D15;
	}

	td {   /* Definition einer Schriftart, die in Tabellen verwendet werden soll */
		font-size:12px;
		color:#000000;
	}  
	
	a {	/* Anker-Tag allgemein (insbesondere vom ActiveX-Editor erzeugte Links */
		color:#000000;
		text-decoration:underline;		
	}
	
	h1 {
		margin: 0px;
		margin-bottom: 15px;
		padding: 0px;
		font-size:15px;
		font-weight:bold;
		color: #333;
	}
	h2 {
		margin: 0px;
		padding: 0px;
	}
	h3 {
		margin: 0px;
		padding: 0px;
	}
	
	.maintable {
		background-repeat: repeat-y;
	}
	
	.divcontent { /* Formatierung Content-Bereich */
	/*border: 1px solid #666666;*/
		height: 430px;
		vertical-align: top;
	}
	
	#homecontent { /* ID speziell für Startseite */
	}
	
	.nurgrafik {
		font-size:1px; 
		line-height:0px;
	}
/* ********************************************
/*		Navigation
/* ********************************************/	

	.menutable{ /* table-tag */
	}
	
	.menuzelle1 { /* Text-Ausrichtung */
	}
	
	a.menu1{ /* Menu Links Ebene 1*/
		display: block;
		margin: 10px 0px 3px 20px;
		padding-left: 5px;
		font-size:11px;
		color:#AAA7A7;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration:none;
	}

	a.menu1:hover{ /* Menu Links Ebene 1 - Mouse Over */
		color:#FFFFFF;
		background: #444;
	}

	a.menuactiv1{ /* Menu Links Ebene 1 - Markierung der aktuellen Kategorie */
		display: block;
		margin: 10px 0px 3px 25px;
		font-size:11px;
		color:#FFFFFF;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration:none;
	}

	.menuzelle2 { /* Text-Ausrichtung */
	}
			
	a.menu2{ /* Menu Links Ebene 2*/
		display: block;
		margin: 0px 0px 0px 25px;
		padding: 3px 0px 2px 15px;
		font-size:11px;
		color:#AAA7A7;
		line-height: 13px;
		text-decoration:none;
		border-left: 1px solid #888787;
	}
	
	a.menu2:hover{ /* Menu Links Ebene 2 - Mouse Over*/
		border-left: 1px solid #FFFFFF;
		color:#FFFFFF;
		background: #444;
	}

	a.menuactiv2{ /* Menu Links Ebene 2: Markierung der aktuellen Kategorie */
		display: block;
		margin: 0px 0px 0px 25px;
		padding: 3px 0px 2px 15px;
		font-size:11px;
		color:#FFFFFF;
		line-height: 13px;
		text-decoration:none;
		border-left: 1px solid #FFFFFF;
	}

	.menuzelle3 { /* Text-Ausrichtung */
	}
			
	a.menu3{ /* Menu Links Ebene 2*/
		display: block;
		margin: 0px 0px 0px 40px;
		padding: 3px 0px 2px 15px;
		font-size:11px;
		line-height: 13px;
		color:#AAA7A7;
		text-decoration:none;
		border-left: 1px solid #888787;
	}
	
	a.menu3:hover{ /* Menu Links Ebene 2 - Mouse Over*/
		border-left: 1px solid #FFFFFF;
		color:#FFFFFF;
		background: #444;
	}

	a.menuactiv3{ /* Menu Links Ebene 2: Markierung der aktuellen Kategorie */
		display: block;
		margin: 0px 0px 0px 40px;
		padding: 3px 0px 2px 15px;
		font-size:11px;
		line-height: 13px;
		color:#FFFFFF;
		text-decoration:none;
		border-left: 1px solid #FFFFFF;
	}

	.menuzelle4 { /* Text-Ausrichtung */
	}
			
	a.menu4{ /* Menu Links Ebene 2*/
		display: block;
		margin: 0px 0px 0px 75px;
		padding-left: 15px;
		font-size:11px;
		color:#AAA7A7;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration:none;
		border-left: 1px solid #888787;
	}
	
	a.menu4:hover{ /* Menu Links Ebene 2 - Mouse Over*/
		border-left: 1px solid #FFFFFF;
		color:#FFFFFF;
	}

	a.menuactiv4{ /* Menu Links Ebene 2: Markierung der aktuellen Kategorie */
		display: block;
		margin: 0px 0px 0px 75px;
		padding-left: 15px;
		font-size:11px;
		color:#FFFFFF;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-decoration:none;
		border-left: 1px solid #FFFFFF;
	}
	
	.menuabschnitt1{ /* Menu Links Ebene 1 - Abschnittsbildung per Kategorie "ohne Inhalt" */
	}
	
	.menuabschnitt2{ /* Menu Links Ebene 2 - Abschnittsbildung per Kategorie "ohne Inhalt" */
	}
	
	.menuinfobox{ /* Menu Infobox */
		font-size:12px;
		color:#DDDDDD;
		padding-left: 30px;
	}
	
	.infoblocktable { /* aussen rechts: Auflistung der zugewiesenen Block-Artikel */
		padding: 0px;
		width: 180px;
	}
	
	.infoblocktable a, .infoblocktable *{
		color: #AAA7A7;
		text-decoration: none;
	}
	.infoblocktable a:hover {
		color: #FFF;
	}
	
	.locator{ /* Locator: Link*/
		font-size:12px;
		color:#000000;
		text-decoration: none;
	}

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

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

	.locatortable{ /* Locator-Tabelle */
	}


/* ********************************************
/*		Sucheingabe und Trefferliste
/* ********************************************/
	
	.searchzelle{
		padding: 50px 0px 0px 30px;
	}
	
	.searchtext{ /* Beschriftung Eingabefeld (nicht klickbar) */
		font-size:11px;
		color: #AAA7A7;
	}
	
	.searchfield, .searchfieldns{ /* Suche Eingabefeld */
		border:1px solid #888787;
		background: #AAA;
	}

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

/* ********************************************
/*		Topleiste Navigation
/* ********************************************/
	
	.headcontainer { /* gesamter Kopf */
		margin-top: 38px;
		border-top: 1px solid #595959;
		width: 100%;
	}
	
	.topline { /* div Topnavigation */
		width: 577px;
		height: 50px;
		line-height: 30px;
		background: #1A1A1A;
		text-align: right;
		position: absolute;
		left: 203px;
		top: 40px;
	}
	
	.topnav{ /* Links am oberen Bildschirmrand */
		font-size:10px;
		color: #888787;
		text-transform: uppercase;
		text-decoration: none;
	}	
		
	.topnav:hover{ /* Links am oberen Bildschirmrand - Mouse Over */
		color: #FFFFFF;
	}	
	
/* ********************************************
/*		Fusszeile
/* ********************************************/

	.footer { /* Fusszeile */
		height: 200px;
		width: 100%;
		background: #000000;
		position: relative;
		border-top: 1px solid #595959;
	}
	
	.footerlinks {
		font-size:11px;
		color:#9A9A9A;
		width: 558px;
		height: 37px;
		background: #595959;
		margin-left: 204px;
		padding: 3px 3px 0px 15px;
		position: relative;
	}

	.copyright { /* Copyright Text in Fusszeile */
		margin-top: 3px;
		font-size:11px;
		color:#000000;
	}
	
	.toplink , .recommend , .printlink{ /* top */
		font-size:11px;
		color:#9A9A9A;
		text-decoration: none;
	}
	
	.toplink:hover , .recommend:hover , printlink:hover{ /* top */
		color:#FFFFFF;
	}
	
	.internalid { /* ID fuer interne Verweise */
		font-size:12px;
		color:#FFFFFF;
	}
		
	.backlink { /* zurück-Link auf allen Seiten */
		font-size:11px;
		color:#000000;
		clear:both;
	}
	.backlink:hover {
		color: #000000;
	}
	
	.backptag {  /* Ausrichtung des zurück-Link */
	}
	
	.bawlink {
		font-size:10px;
		color:#595959;
		text-align: center;
		text-decoration: none;
		margin-top: 150px;
	}
	.bawlink:hover {
		color:#FFFFFF;
	}
	
/* ********************************************
/*		Newsblock Startseite
/* ********************************************/
	
	.block1heading, .block2heading{ /* Block Auflistung Aktuellste News - Überschrift */
		font-size:13px;
		color: #000;
		padding: 1px;
		border-top: 1px solid #595959;
		border-bottom: 1px solid #595959;
		margin-bottom: 5px;
	}
	.block1table, .block2table{
	}
	.blockbothtable {
		width: 200px;
	/*	position: absolute;
		left: 780px;
		top: 140px; */
	}
	
	{ /* Block Auflistung vorgeschobene Artikel - Überschrift */
		font-size:15px;
		color: #FFFF00;
	}

	.newslistheading{ /* Überschrift einzelner Artikel-Anriss */
		font-size:12px;
		font-weight: bold;
		color: #333;
		text-decoration:none;
	}
	
	.newslistheading:hover{ /* Überschrift einzelner Artikel-Anriss */
		text-decoration:underline;
	}
		
	.newslisttext{ /* Kurztext News */
		font-size:11px;
		color: #333;
	}
			
	a.newsmore{ /* mehr..-Link am Ende vom Kurztext */
		display: none;
		font-size:11px;
		color: #333;
		white-space: nowrap;
		text-decoration:none;
	}
			
	a.newsmore:hover{ /* mehr..-Link am Ende vom Kurztext - Mouse Over */
		color: #000;
		text-decoration:underline;
	}
		
	hr.trennlinie{ /* ueber block mit news und vorgeschobenen artikeln, TELEDATA-special */
		color:#595959;
	}

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

	.catlistheading{ /* Kategorieauflistung Überschrift */
		font-size:15px;
		font-weight:bold;
		color: #333;
		margin-bottom: 25px;
	}

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

	.catpiccaption{ /* Bildunterschrift für Kategorie-bilder */
		font-size:10px;
		color:#333;
		vertical-align: middle;
	}

	.catlistblock { /* Tabelle eines Kurzversion-Artikels */
	}
	
	.articlelistblock { /* Tabelle eines Kurzversion-Artikels */
	}

	.listheading{ /* Überschrift Kateg./Artikel */
		font-size:13px;
		font-weight: bold;
		color: #000;
		text-decoration:none;
	}
	
	.listheading:hover{ /* Überschrift Kateg./Artikel - Mouse Over */
		text-decoration:underline;
	}
		
	.listtext{ /* Kurztext Kateg. / Artikel */
		font-size:12px;
		color: #333;
	}
		
	.listtextva{ /* Datum-Ort-Angaben bei Veranstaltungsartikel
					wird auch für Newsletter verwendet (Versand-Datum und Rubriken)
				 */
		font-size:12px;
		font-weight: bold;
		color: #333;
	}
		
	a.listmore{ /* mehr..-Link am Ende vom Kurztext */
		font-size:12px;
		color: #000;
		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: #000;
	}
	
	.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
/* ********************************************/

	div.articleheading {
		margin-bottom: 15px;
	}

	h2, .articleheading { /* Überschrift Artikel*/
		font-size:15px;
		color:#333;
		font-weight:bold;
		text-decoration:none;
	}

	.articlesubheading { /* Untertitel Artikel*/
		font-size:12px;
		color:#333;
		font-weight:bold;
		margin-top: -20px;
	}
	
	.articleshorttext, .articletext{ /* Artikeltext */
		font-size:12px;
		font-weight:normal;
		color: #333;
		line-height: 18px;
	}

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

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

	.articlepiccaption{ /* Bildunterschriften */
		font-size:10px;
		color:#666666;
		vertical-align:top;
	}
	
/* ********************************************
/*		Artikel-Templates
/* ********************************************/	

	.blaetterntable {
		position: relative;
		bottom: 0px;
	}

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

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

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

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

	.formfield, .formfieldns{  /* Darstellung Eingabefeld */
		border-width: 1px;
		border-color: #666666;
		font-family:monospace;
		font-size:12px;
		font-weight:normal;
	}

	.formrequired{	/* Formulare : Required Stern */
		font-size:12px;
		color:#E20D15;
	}
	
	.formsend{	/* Textbeschriftung Button */
		display: block;
		font-size:12px;
		font-weight:bold;
		color:#000000;
		border-top: 1px solid #000000;
		border-bottom: 1px solid #000000;
		text-decoration: none;
		padding: 3px;
	}
	.formsend:hover {
		color:#FFFFFF;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	
	}
	
	.formerror{	/* Fehlermeldung und Hinweise */
		font-size:12px;
		color:#E20D15;
	}
	
	.formsuccess { /* erfolgreicher Versand */
	}

	.popuplink{	/* Link fuer Text-Popup (Hilfe, Datenschutz etc.) */
		display: block;
		font-size:11px;
		color:#666666;
		text-decoration:underline;		
	}
	
	.vrexplain { /* Bedienhinweise im VR-PopUp */
		font-size:11px;
		color:#000000;		
	}

	.fvlink{	/* Linktext fuer Formular-Verlinkung */
		font-size:11px;
		color:#008C95;
		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:#000;
		text-decoration:underline;		
	}
	.hyperlink:hover {
		color: #666;
		text-decoration: none;
	
	.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:#ff0000;
		text-decoration:none;
	}

	a.menulogin1:hover{ /* Main-Menu Link "Login" - Mouse Over */
		color:#0000ff;
		text-decoration:underline;
	}

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

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

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

	a.menulogout1{ /* Main-Menu Link "Logout" */
		font-size:12px;
		font-weight: bold;
		color:#ff0000;
		text-decoration:none;
	}

	a.menulogout1:hover{ /* Main-Menu Link "Logout" - Mouse Over */
		color:#0000ff;
		text-decoration:underline;
	}

	a.menulogoutactiv1{ /* Main-Menu Link "Logout" - Markierung der aktuellen Kategorie */
		font-size:12px;
		color:#00ff00;
		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: 280px;
		border-style: solid;
		border-width: 2px 1px 1px 1px;
		border-color: #EC6F04;
	}

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

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

	.loginfield{  /* Login-Formular: Eingabefeld
					wird auch für Newsletter-Abo-Formular verwendet
	              */
		border-width:1px;
		border-color:#49ACA4;
		font-family:monospace;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
		vertical-align: middle;
	}
	
	.loginfieldns{  /* Login-Formular: Eingabefeld fuer NETSCAPE
					wird auch für Newsletter-Abo-Formular verwendet
	                */
		border-color:#49ACA4;
		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
	                */
		font-size:12px;
		font-weight:bold;
		padding: 1px 3px 1px 3px;
		color: #FFFFFF;
		background-color:#EC6F04;
		text-decoration: none;
		width: 75%;
		text-align: center;
	}
	
	.logintdsubmit {  /* Zellen, die Einloggen-Link + PW-Vergessen enthalten
					     wird auch für Newsletter-Abo-Formular verwendet
	                  */
		background-color: #DDDDDD;
		border-top-style: solid;
		border-top-width: 1px;
		border-color: #EC6F04;
		padding: 5px;
	}
	
	.loginpwforgotten{	/* Login-Formular: Passwort vergessen-Link */
		font-size:10px;
		font-weight:bold;
		padding-left: 10px;
		color:#000000;
	}

	.loginregister{	/* Login-Formular: Registrieren-Link */
		font-size:12px;
		font-weight:bold;
		padding: 1px 3px 1px 3px;
		color: #FFFFFF;
		background-color: #008C95;
		text-decoration: none;
		width: 75%;
		text-align: center;
	}
	
	.logintdregister {  /* Zellen, die Registrieren-Link enthalten */
		background-color: #CCCCCC;
		border-top-style: solid;
		border-top-width: 2px;
		border-color: #EC6F04;
		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;
	}
	
/* ********************************************
/*		eCards
/* ********************************************/

	.ecardpictable  {   /* VORSCHAU: Tabelle mit großem eCard-Motiv */
		background-color: #FFFFFF;
		padding: 0px;
	}
	
	.ecardtexttable  {   /* EINGABE + VORSCHAU: Tabelle mit Nachricht- und Adress-Eingabefeldern */
		background-color: #DDDDDD;
		padding: 10px;
	}

	.ecardaddress {  /* Namens- und eMail-Angaben */
		font-size:12px;
		color:#E20D15;
	}
	
	.ecardtext {  /*  Nachrichten-Text zur eCard */
		font-size:12px;
		font-weight:bold;
	}	
	
	.ecardpreview {  /* Linktext für Vorschau-Button */
		font-size:12px;
		font-weight:bold;
		color:#CC0000;
	}

		
	
/* ********************************************
/*		Online Shop
/* ********************************************/
	.vartable {  /* Tabellenanzeige->Tabelle */
	}
	
	.vartable .varheading {  /* Beschriftung (Spalte bzw. Zeile) */
		color: white;
		background-color: blue;
		text-align: center;
	}
	
	.vartable .vartext1 {  /* Alle geraden Zeilen (2,4,6,...)*/
		color: yellow;
		background-color: navy;
		white-space: nowrap;
	}
	
	.vartable .vartext2 {  /* Alle ungeraden Zeilen (2,4,6,...)*/
		color: black;
		background-color: white;
		white-space: nowrap;
	}
	
	.shoplist {  /* Div für die Anzeige der Produktdaten in der Liste */
	}
	
	.shoplist p {
	}
	
	.shopdetail {  /* Div für die Anzeige der Produktdetails */
	}
	
	.artnr {  /* Artikelnummer-p */
	}
	
	.artnr .artnrtitle {  /* "Artikelnummer:" */
	}
	
	.artnr span.artnroutput {  /* Artikelnummernausgabe */
	}
	
	.artnr input {  /* Artikelnummernausgabe im Input-Feld */
	}
	
	.price {  /* Preis-p */
	}
	
	.price .pricetitle {  /* "Preis:" */
		font-size:11px;
		color: #006C48;
	}
	
	.price .priceamount {  /* Betrag */
		font-size:11px;
		font-weight:bold;
		color: #000000;
	}
		
	.quantity {  /* Menge-p */
	}
	
	.quantity .quantitytitle {  /* "Menge:" */
	}
	
	.quantity input, .vartext1 input, .vartext2 input{  /* Mengeninput */
		font-size:11px;
		font-weight:normal;
		color: #006C48;
	}
	
	.attributeselect {  /* Auswahlpulldown für Attribute  */
		font-size: 11px;
		width: 130px;
	}
	
	.packdiv { /* Auflistung der Stapelprodukte */
		float:left;
		width:240px;
		margin-top:30px;
		padding-top: 10px;
		padding-right: 10px;
		border-top: 1px solid #999999;
	}
		
	.crossselling { /* Zwischenüberschrift im PopUp mit Cross-Selling-Produkten */
	}
	
	.basketbutton {  /* Warenkorb-Span */
	}
	
	.basketbutton a img {  /* Warenkorb-Symbol */
		border: none;
	}
	
	.baskettable { /* Warenkorb-Tabelle  */
		width: 100%;
		border-spacing: 0px;
		border: solid 1px #B09458;
		background-color: F0E8D8;
		padding: 2px;
	}
	
	.basketheadings { /* Titel der Warenkorb-Tabelle */
		font-size:11px;
		font-weight:bold;
		color: #FFFFFF;
		border-bottom-style: solid; 
		border-bottom-width: 1px; 
		border-bottom-color: #000000;
		background-color: #B09458;
	}
	
	.baskettext {  /* Texte und Links innerhalb der Tabelle */
		font-size:11px;
		font-weight:normal;
		color: #000000;
		border-bottom-style: solid; 
		border-bottom-width: 1px; 
		border-bottom-color: #B09458;
		width: 50%;
	}
	
	.basketquantity { /* Mengen-Zelle  */
		color: #000000;
		border-bottom-style: solid; 
		border-bottom-width: 1px; 
		border-bottom-color: #B09458;
	}
	
	.basketreload { /* Aktualisieren-Link */
		font-size:10px;
		font-weight:normal;
		color: #FFFFFF;
		background-color: #A89458;
		border: solid 1px #006C48;
	}
	
	.basketprice {
		font-size:11px;
		font-weight:normal;
		color: #000000;
		border-bottom-style: solid; 
		border-bottom-width: 1px; 
		border-bottom-color: #B09458;
		text-align: right;
	}
	
	.basketsum {
		font-size:11px;
		color: #006C48;
		text-align: right;
	}
	
	.baskettotal {
		font-size:11px;
		font-weight:bold;
		color: #000000;
		background-color: #FFFFFF;
		text-align: right;
	}