/****
// @fname	inc.styles.css
// @project	Grundschule Oberer Graben Leutkirch
// @ftype	css
// @descr	Stylesheet
// @creator	brain-at-work GmbH - Bahnhofstraße 5 - 88299 Leutkirch
// @author	Thomas Autenrieth - t.autenrieth@brain-at-work.de
// @date	26.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-repeat: repeat-y;
		background-position: 185px 116px;
	}
	
	*	{ 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,h2,h3,h4,h5,h6,h7 {
		margin: 0px;
	}
	
	form, select, p {
		margin: 0px;
	}
	
	.innerbackground {
		background: url(images/w_body.gif) repeat-y;
		width: 991px;
		height: 80%;
	}
	
	.maintable { /*  Wallpaper-Grafik innen, rechts unten */
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	
	.divcontent { /* Formatierung Content-Bereich */
	/*border: 1px solid #666666;*/
	}
	
	.nurgrafik {
		font-size:1px; 
		line-height:0px;
	}
/* ********************************************
/*		Navigation
/* ********************************************/	

	.menutable{ /* table-tag */
		border-collapse: collapse;
	}
	
	.menuzelle1 { /* td-tag */
	}
	
	a.menu1{ /* Menu Links Ebene 1*/
		display: block;
		padding: 5px 2px 2px 25px;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		background: url(images/s_bullet_mainmenu.gif) 3px 7px no-repeat;
	}

	a.menu1:hover{ /* Menu Links Ebene 1 - Mouse Over */
		font-weight: bold;
		background: url(images/s_bullet_mainmenu.gif) 10px 7px no-repeat;
	}

	a.menuactiv1{ /* Menu Links Ebene 1 - Markierung der aktuellen Kategorie */
		display: block;
		padding: 5px 2px 2px 25px;
		font-size:12px;
		font-weight: bold;
		color:#000000;
		text-decoration:none;
		background: url(images/s_bullet_mainmenu_activ.gif) 10px 7px no-repeat;
	}

	.menuzelle2 { /* td-tag  */
	}
			
	a.menu2{ /* Menu Links Ebene 2*/
		display: block;
		margin-left: 15px;
		padding: 2px 2px 2px 20px;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		background: #FEECA6;
		border-bottom: 1px solid #F2F2F2;
	}
	
	a.menu2:hover{ /* Menu Links Ebene 2 - Mouse Over*/
		font-weight: bold;
	}

	a.menuactiv2{ /* Menu Links Ebene 2: Markierung der aktuellen Kategorie */
		display: block;
		margin-left: 15px;
		padding: 2px 2px 2px 20px;
		font-size:12px;
		font-weight: bold;
		color:#000000;
		text-decoration:none;
		background: #FEECA6;
		border-bottom: 1px solid #F2F2F2;
	}

	.menuzelle3 { /* td-tag */
	}
			
	a.menu3{ /* Menu Links Ebene 2*/
		display: block;
		margin-left: 15px;
		padding: 2px 2px 2px 30px;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		background: #FDDF6B;
		border-bottom: 1px solid #F2F2F2;
	}
	
	a.menu3:hover{ /* Menu Links Ebene 2 - Mouse Over*/
		font-weight: bold;
	}

	a.menuactiv3{ /* Menu Links Ebene 2: Markierung der aktuellen Kategorie */
		display: block;
		margin-left: 15px;
		padding: 2px 2px 2px 30px;
		font-size:12px;
		font-weight: bold;
		color:#000000;
		text-decoration:none;
		background: #FDDF6B;
		border-bottom: 1px solid #F2F2F2;
	}

	.menuzelle4 { /* td-tag */
	}
			
	a.menu4{ /* Menu Links Ebene 2*/
		display: block;
		margin-left: 15px;
		padding: 2px 2px 2px 40px;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		background: #FDD539;
		border-bottom: 1px solid #F2F2F2;
	}
	
	a.menu4:hover{ /* Menu Links Ebene 2 - Mouse Over*/
		font-weight: bold;
	}

	a.menuactiv4{ /* Menu Links Ebene 2: Markierung der aktuellen Kategorie */
		display: block;
		margin-left: 15px;
		padding: 2px 2px 2px 40px;
		font-size:12px;
		font-weight: bold;
		color:#000000;
		text-decoration:none;
		background: #FDD539;
		border-bottom: 1px solid #F2F2F2;
	}

	.menuzelle5 { /* td-tag */
	}
			
	a.menu5{ /* Menu Links Ebene 2*/
		display: block;
		margin-left: 15px;
		padding: 1px 2px 1px 50px;
		font-size:12px;
		color:#000000;
		text-decoration:none;
		background: #FCCC08;
		border-bottom: 1px solid #F2F2F2;
	}
	
	a.menu5:hover{ /* Menu Links Ebene 2 - Mouse Over*/
		font-weight: bold;
	}

	a.menuactiv5{ /* Menu Links Ebene 2: Markierung der aktuellen Kategorie */
		display: block;
		margin-left: 15px;
		padding: 1px 2px 1px 40px;
		font-size:12px;
		font-weight: bold;
		color:#000000;
		text-decoration:none;
		background: #FCCC08;
		border-bottom: 1px solid #F2F2F2;
	}
	
	.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:#000000;
	}
	
	.infoblocktable { /* aussen rechts: Auflistung der zugewiesenen Block-Artikel */
		width: 167px;
		margin-top: 27px;
		padding: 0px;
	}
	.infoblocktable td {
		padding: 5px;
		margin: 0px;
		background: #D8EAF4;
	}

	.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: 5px 0px 10px 25px;
		position: absolute;
		left: 0px;
		top: 117px;
	}
	
	.searchtext{ /* Beschriftung Eingabefeld (nicht klickbar) */
		font-size:10px;
		color: #888888;
	}
	
	.searchfield, .searchfieldns{ /* Suche Eingabefeld */
		border: 1px solid #CCCCCC;
		font-size: 11px;
	}

	.searchstart{ /* Link, um Suche auszuführen */
		font-size:11px;
		color: #888888;
		text-decoration: none;
	}
	
	.searchstart:hover{ /* Mouseover-Link, um Suche auszuführen */
		color: #000000;
		text-decoration: underline;
	}
	
	.searchresult{ /* Textzeile "Die Suche ergab xx Fundstellen für xxx" */
		display: block;
		margin-top: 20px;
		font-size:12px;
		font-weight:bold;
		color: #000000;
	}
		
	.searchhits{ /* Textzeile "Treffer:.." wie oft welcher Begriff gefunden wurde */
		margin-top: 10px;
		font-size:11px;
		color: #808080;
	}
			
	.searchrespath{ /* Pfad der einzelnen Fundstelle */
		font-size:11px;
		color: #808080;
	}
				
	.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 { /* div oben komplett */
		margin-left: 15px;
		width: 976px;
		height: 117px;
		position: relative;
		background: #FFFFFF url(images/w_top.jpg) no-repeat;
	}
	
	.topline { /* div oben nur Topnavigation */
		width: 300px;
		height: 20px;
		position: absolute;
		left: 415px;
		top: 103px;
		text-align: left;
	}
	
	.topnav{ /* Links am oberen Bildschirmrand */
		font-size:11px;
		color: #737373;
		text-decoration: none;
	}	
		
	.topnav:hover{ /* Links am oberen Bildschirmrand - Mouse Over */
		color: #000000;
		text-decoration: underline;
	}	
	
/* ********************************************
/*		Fusszeile
/* ********************************************/

	.footer {
		background: #FFFFFF url(images/i_footer.jpg) no-repeat;
		height: 200px;
		border-top: 1px solid #9D9D9D;
		width: 991px;
	}

	.footerlinks {
		text-align: right;
		margin-top: 3px;
	}
	
	.copyright { /* Copyright Text in Fusszeile */
		text-align: center;
		font-size:11px;
		color:#999999;
		margin-top: 150px;
	}
	
	.toplink, .recommend, .printlink, .bookmark{ /* top */
		font-size:11px;
		color:#FFFFFF;
		text-decoration: none;
		background: #006DB5;
	}

	a.toplink:hover, a.recommend:hover, a.printlink:hover, a.bookmark:hover { /* Seite drucken */
		color:#006DB5;
		background: #FFFFFF;
	}
	
	.internalid { /* ID fuer interne Verweise */
		font-size:13px;
		font-weight: bold;
		color:#CC0000;
	}
		
	.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 */
		margin-top: 20px;
	}
	
	.bawlink {
		font-size:10px;
		color:#AAAAAA;
		text-align: center;
		text-decoration: none;
	}
	.bawlink:hover {
		color:#000000;
		text-decoration: underline;
	}
	
/* ********************************************
/*		Newsblock Startseite
/* ********************************************/
	
	.blockbothtable {
		position: relative;
		right: 0px;
	}
	
	.block1heading, .block2heading{ /* Block Auflistung Aktuellste News - Überschrift */
		font-size:14px;
		color: #006DB5;
		border-bottom: 1px solid #006DB5;
		margin-bottom: 5px;
		width: 220px;
	}
	.block1table, .block2table{
		width: 220px;
	}

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

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

	.catlistheading{ /* Kategorieauflistung Überschrift */
		font-size:16px;
		font-weight:bold;
		color: #000000;
		margin-bottom: 20px;
	}

	.catlisttext{ /* Kategorieauflistung Einleitungstext */
		font-size:12px;
		font-weight:normal;
		color: #595959;
	}

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

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

	.imagemaplink:hover{ /* Links unter ImageMap */
		text-decoration:underline;
	}

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

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

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

	.articlesubheading { /* Untertitel Artikel*/
		font-size:12px;
		color:#595959;
		font-weight:bold;
	}
	
	.articleshorttext{ /* Artikel-Kurztext auf Detailseite */
		font-size:12px;
		color:#595959;
	}
	
	.articletext{ /* Artikeltext */
		font-size:12px;
		color:#595959;
	}

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

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

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


	.blaetternaktiv { /* Blättern Header : Aktive bzw. gerade dargestellte Seite  */
		font-size:12px;
		font-weight:bold;
		color:#EC6F04;
		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:#EC6F04;
	}

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

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

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

	.formrequired{	/* Formulare : Required Stern */
		font-size:12px;
		color:#EC6F04;
	}
	
	.formsend{	/* Textbeschriftung Button */
		display: block;
		padding: 5px;
		margin-top: 10px;
		font-size:12px;
		text-decoration: none;
		color: #006DB5;
		background: #F2F2F2;
		border: 1px solid #006DB5;
	}
	.formsend:hover {
		color: #F2F2F2;
		background: #006DB5;
	}
	
	.formerror{	/* Fehlermeldung und Hinweise */
		font-size:12px;
		font-weight: bold;
		color:#E20D15;
	}
	
	.formsuccess { /* erfolgreicher Versand */
	}

	.popuplink{	/* Link fuer Text-Popup (Hilfe, Datenschutz etc.) */
		font-size:11px;
		color:#999999;
		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:#000000;
		text-decoration:underline;		
	}
	
	.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" */
		display: block;
		padding: 2px 2px 2px 10px;
		background: #DAF5F8;
		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 */
		display: block;
		padding: 2px 2px 2px 10px;
		background: #DAF5F8;
		font-size:12px;
		color:#00ff00;
		font-weight:bold;
		text-decoration:none;
	}

	a.menulogin2{ /* Sub-Menu Link "Login" */
		display: block;
		padding: 2px 2px 2px 20px;
		background: #DAF5F8;
		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 */
		display: block;
		padding: 2px 2px 2px 20px;
		background: #DAF5F8;
		font-size:11px;
		color:#00ff00;
		text-decoration:none;
	}

	a.menulogout1{ /* Main-Menu Link "Logout" */
		display: block;
		padding: 2px 2px 2px 10px;
		background: #DAF5F8;
		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 */
		display: block;
		padding: 2px 2px 2px 10px;
		background: #DAF5F8;
		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 */
		margin-top: 10px;
	}
	
	.shoplist p {
		margin: 0px;
	}
	
	.shoplist form{ /* Spezial für Kurzversion-Seite, da hier Form-Tag mittendrin aufhören muss */
		margin: 0px;
	}
	
	.shopdetail {  /* Div für die Anzeige der Produktdetails */
	}
	
	.artnr {  /* Artikelnummer-p */
		margin: 2px 0px 0px 0px;
		vertical-align: bottom;
	}
	
	.artnr .artnrtitle {  /* "Artikelnummer:" */
		width: 80px;
	}
	
	.artnr span.artnroutput {  /* Artikelnummernausgabe */
		margin: 0px;
	}
	
	.artnr input {  /* Artikelnummernausgabe im Input-Feld */
		font-size:11px;
		color: #000000;
		border: none;
		background: none;
		white-space:nowrap;
	}
	
	.price {  /* Preis-p */
		font-size:11px;
		font-weight:bold;
		margin: 0px;
	}
	
	.pricetitle {  /* "Preis:" */
		font-size:11px;
		font-weight: normal;
		color: #006C48;
		border: none;
		background: none;
		white-space:nowrap;
		width: 80px;
		margin: 0px;
	}
	
	.priceamount {  /* Betrag */
		font-size:11px;
		font-weight:bold;
		color: #000000;
		border: none;
		background: none;
		white-space:nowrap;
		width: 40px;
	}
		
	.quantity {  /* Menge-p */
		margin: 0px;	
		width: 120px;
		white-space: nowrap;
	}
	
	.quantitytitle {  /* "Menge:" */
		font-size:11px;
		color: #006C48;
		border: none;
		background: none;
		white-space:nowrap;
		width: 80px;
	}
	
	.quantity input, .vartext1 input, .vartext2 input{  /* Mengeninput */
		font-size: 11px;
		border: 1px solid #006C48;
		width:20px;
		text-align: right;
	}
	
	.attribute { /* p-Tag mit Auswahlpulldown */
		margin: 0px;
	}
	
	.attributeselect {  /* Auswahlpulldown für Attribute  */
		font-family:Trebuchet MS, Arial Narrow, Geneva,  Helvetica, sans-serif;
		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;
		vertical-align: bottom;
		margin-left: 5px;
	}
 
	.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;
	}
	
	.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;
	}