/* Version 2 vom 01.03.05 /*

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
Farben
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

/*	BBD3F2 hellblau für Navi HG		187,211,242
	8Ba3c2 ... etwas dunkler für kleinblau, Wein-Name im Popup, © und Stand
	0C4585 dunkelblau für oben rechts	12,69,133
	CCCCCC hellgrau des mittleren Teils
	808080 dunkelgrau des mittleren Teils
	FFFFFF weiß (nur so)
	e3e9F5 Farbe der "Tussi"
*/


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
Layout
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

		/* Layout für alle Seiten (Haupt und Popups) */
BODY		{font-family:Arial,Helvetica,sans-serif; color: #000000; 
		margin: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }
TABLE		{font-size: 11px; line-height: 17px; }


		/* Layout für die Index-Seite */
.index TD		{color: #ffffff; }
.index a:link 		{color: #ffffff; }
.index a:visited	{color: #ffffff; } 
.index a:hover 		{color: #ffffff; text-decoration: underline; }
.index a:link img 	{border:1px dashed #0C4585;}
.index a:visited img 	{border:1px dashed #0C4585;}
.index a:hover img 	{border:1px dashed #0C4585;}


		/* Layout für Popups Presse, Spruch des Tages, Veranstaltungen */
.popupMitBlock		{background: #FFFFFF; margin: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }
.popupMitBlock td	{text-align: justify; }

		/* Layout für Popups Hochzeits-Bilder, Probierpaket */
.popupNormal		{background: #FFFFFF; margin: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }

		/* Layout für Popups Hecke-Speisekarte */
.popupZentriert		{background: #FFFFFF; margin: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }
.popupZentriert td	{text-align: center; }



		/* Layout für die Haupt-Seiten (=alles außer den Popups */
.haupt		{background-color: #ffffff; }


		/* Haupt-Seite, body frame: HG-Farbe, Scrollbars und HG-Bild */
.body_cell	{position: relative; top: 0px; left: 0px;	/* das ist notwendig für Netscape und Co, weil sonst an Body ausgerichtet wird */
		width: 660px; height: 340px; overflow: auto;	/* damit die Größe passt... */
	 	scrollbar-face-color:#BBD3F2;			/* nur für IE */
	 	scrollbar-arrow-color:#0C4585; 
	 	scrollbar-track-color:#CCCCCC; 
	 	scrollbar-shadow-color:#0C4585;
	 	scrollbar-highlight-color:#CCCCCC; 
	 	scrollbar-3dlight-color:#CCCCCC; 
	 	scrollbar-darkshadow-Color:#CCCCCC; }

		/* Farben für die Fenster und so */
.navigation	{background-color:#BBD3F2; padding: 12px; vertical-align: top; }
.hellblau	{background-color:#BBD3F2; }
.dunkelblau	{background-color:#0C4585;}
.hellgrau	{background-color:#CCCCCC; }
.dunkelgrau	{background-color:#808080; }

		/* Rahmen um irgendwas, insb. das innere Haupt-Fenster (also ohne den Rand) */
.hauptrahmen	{border-width: 1px; border-style: solid; border-color: #0C4585; }

		/* Stand und Autor */
.untenlinks	{position: absolute; bottom: 7px;  left: 10px; color: #8Ba3c2; font-size: 11px; }
.untenrechts	{position: absolute; bottom: 7px; right: 16px; color: #8Ba3c2; font-size: 9px; }

		/* Überschriften im Text */
h1		{font-size: 15px; color: #0C4585; font-weight: normal; margin-top: 0px; margin-bottom:  5px; }
h2		{font-size: 13px; color: #0C4585; font-weight: normal; margin-top: 0px; margin-bottom:  2px; }

		/* Aufzählung in u.a. Aktuelles */
.einzug 	{text-indent: -7px; margin-left: 0px; margin-top: 0px; margin-bottom: 8px; }

		/* Text-Einrückung in einzelnen Zellen */
.eingerueckt	{padding: 12px; }

		/* Text-Hervorhebung für Erwähnungen in Artikeln und so */
.farbig		{color: #0C4585; }

		/* input-Felder bei Formularen */
.formularFeld	{font-size: 11px; border: 1px solid #cccccc; }

		/* Trennt die Klassen im Wein-Verkauf */
.trenn_linie	{font-size: 14px; line-height: 14px; }
.trenn_linie div	{background-color:#BBD3F2; }

		/* für die Wein- ect. Beschreibung */
.textfeld_li	{font-size: 11px; text-align: left;  font-family:Arial,Helvetica,sans-serif; color: #000000; border: 0px solid #cccccc;}
.textfeld_re	{font-size: 11px; text-align: right; font-family:Arial,Helvetica,sans-serif; color: #000000; border: 0px solid #cccccc;}

		/* für kleine Anmerkungen */
.kleinblau	{color: #8Ba3c2; font-size: 9px; }


/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
Hyperlinks
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

a		{text-decoration: none; white-space: nowrap; } 
.na_1 	 	{font-family:Arial,Helvetica,sans-serif; font-size: 13px; color: #000000; }
.na_1 a:link 	{color: #000000; }
.na_1 a:visited	{color: #000000; }
.na_1 a:hover	{color: #000000; text-decoration: underline; } 
		/* damit der HG etwas weiter links beginnt als der Text, etwas schummeln */
.na_1 div	{background-color:#dce3F2; margin-left: -5px; text-indent: 5px; }

.na_2 	 	{font-family:Arial,Helvetica,sans-serif; font-size: 12px; color: #0C4585; }
.na_2 a:link 	{color: #0C4585; }
.na_2 a:visited	{color: #0C4585; }
.na_2 a:hover	{color: #0C4585; text-decoration: underline; } 
		/* damit der HG etwas weiter links beginnt als der Text, etwas schummeln */
.na_2 div	{background-color:#dce3F2; margin-left: -5px; text-indent: 5px; }


		/* die allgemeinen Links im Text und so */
a:link 		{color: #0C4585; }
a:visited	{color: #0C4585; } 
a:hover 	{color: #0C4585; text-decoration: underline; }
a:link img 	{border:1px dashed #FFFFFF;}
a:visited img 	{border:1px dashed #FFFFFF;}
a:hover img 	{border:1px dashed #0C4585;}


		/* für das Slowfood-Mitglieds-Icon auf der willk-Seite */
.slowfood a:link 	{color: #2C65A5; }
.slowfood a:visited	{color: #2C65A5; } 
.slowfood a:hover 	{color: #6CA5C5; text-decoration: none; }
.slowfood a:link img 	{border:1px dashed #BBD3F2;}
.slowfood a:visited img {border:1px dashed #BBD3F2;}
.slowfood a:hover img 	{border:1px dashed #BBD3F2;}
.slowfood 	 	{color: #2C65A5; }




/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
Bilder
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

/* Bilder und so - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.hellgrau_willk	{background-color:#CCCCCC; background-image:url(pictures/s_willkommen.gif); background-repeat: no-repeat; background-position: 2px  2px; }
.hellgrau_vinot {background-color:#CCCCCC; background-image:url(pictures/s_vinothek.gif); background-repeat: no-repeat; background-position: 2px  2px; }
.hellgrau_weinr	{background-color:#CCCCCC; background-image:url(pictures/s_weinrestaurant.gif); background-repeat: no-repeat; background-position: 2px  2px; }
.hellgrau_hundh	{background-color:#CCCCCC; background-image:url(pictures/s_hausundhof.gif); background-repeat: no-repeat; background-position: 2px  2px; }
.hellgrau_downl	{background-color:#CCCCCC; background-image:url(pictures/s_downloads.gif); background-repeat: no-repeat; background-position: 2px  2px; }
.hellgrau_konta	{background-color:#CCCCCC; background-image:url(pictures/s_kontakt.gif); background-repeat: no-repeat; background-position: 2px  2px; }

		/* Logo Winzerhof */	
.dunkelblau_logo	{background-color:#0C4585; background-image:url(pictures/logo10.gif); background-position: -2px  0px; }

		/* die Tussi im Body-Hintergrund (wird definiert im gesamten inneren Hauptfenster, wg. Fehlverhalten zw. Netsc. und IE) */
.hg_tussi	{position: relative; top: 0px; left: 0px; width: 810px; height: 533px;
		background-image:url(pictures/image6.gif); background-position: 200px 270px; 
		background-repeat: no-repeat;}

		/* auf der Weine-Seite: Käpsele neben dem Text */
.kaepsele	{position: absolute; bottom: 55px; right: 40px; color: #8Ba3c2; font-size: 9px; }