/*Style Sheet für www.pro-puglia.com - Version 1.1 - 16.06.2005*/


/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */

body	{ padding: 0px; margin: 0px; color: #333; background-color: #FFF; }

div, td, p	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px;}

img	{ border: 0px; }



/* - - - - - - - - - - - - Felder - - - - - - - - - - - - */

#header { border: none; width: 1000px; margin: 0 0 0 0; padding: 0 0 0 0; height: 73px; background-image: url(img/hintergrund/gruen.gif); }

.logo { text-align: left; padding: 30px 0px 0px 33px; }

.agb { text-align: right; padding: 50px 28px 0px 0px; }

.streifengruen	{ height: 5px; width: 1000px; background: url("img/hintergrund/dgruen.gif") }

.adresse { padding: 6px 0px 6px 45px; text-align: left; height: 30px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; white-space: nowrap; }

div.nav	{ position: absolute; top: 210px; left: 31px; width: 250px; height: 240px; white-space:normal; }

div.textstart { position: absolute; left:265px; top:449px; width:528px; height:180px; z-index:2; }

#prodstart { position: absolute; left:265px; top:171px; width:528px; height:262px; }

#warenkorbfeld { position: absolute; left:265px; top:181px; width:600px; height:450px; background: url("img/hintergrund/hgruen.gif"); z-index: 1}

#einleitwaren { position: absolute; left:265px; top:171px; width:600px; height:180px; }

#textwaren { position: absolute; left: 265px; top: 397px; width: 600px; height: 100%; z-index:2; }

.textfeld { width: 600px; border: 0; background: url("img/hintergrund/hgruen.gif"); vertical-align: top; }

.textfeldtrans { width: 600px; border: 0; vertical-align: top; }

#subnavi { position: absolute; left:265px; top:362px; width:600px; height:28px; z-index:3; }

div.footer	{ position: absolute; left:0px; top:593px; width:1000px; height:120px; background: url(img/hintergrund/bgfoot.jpg) repeat-x; }

div.footerprodukte	{ position: relative; left:-265px; top:10px; width:1000px; height:120px; background: url(img/hintergrund/bgfoot.jpg) repeat-x; }



/* - - - - - - - - - - - - Schriften, Gliederung - - - - - - - - - - - - */

h1		{ color: #5B6910; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; font-weight: bold; }
h1.hl	{ line-height: 18px; }

h3		{ margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 21px; }

.kleingruen		{ color: #5B6910; font-size: 9px; }

.me1 { width: 166px; padding: 0px 10px 4px 10px; background: transparent; font-weight: bold; display: block; }

.me2 { width: 166px; padding: 0px 10px 45px 10px; background: transparent; font-weight: bold; display: block; }

.me3 { width: 166px; padding: 10px 10px 10px 10px; background: transparent; font-weight: bold; display: block; background: transparent; }

.me4 { width: 166px; padding: 11px 10px 10px 10px; background: transparent; line-height: 21px; font-weight: bold; display: block; }

.warenkorb	{ padding: 2px 0px 2px 0px; line-height: 20px; font-weight: bold; }

.produkte	{ padding: 6px 0px 0px 3px; text-align: left; vertical-align: top; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }

.naviklein	{ font-size: 10px; line-height: 11px; }

.start	{ margin: 7px 0px 0px 0px; }

.oba	{ color: #333; }




/* - - - - - - - - - - - - Navigation - - - - - - - - - - - - */

a			{ color: #333; text-decoration: none; background: transparent; }
a:hover		{ color: #FFF; background: #5A6910; }
a:active	{ color: #FFF; }

.oba a			{ background: transparent; }
.oba a:hover		{ background: transparent; }
.oba a:active	{ color: #FFF; }

.logo a			{ background: transparent; }
.logo a:hover		{ background: transparent; }
.logo a:active	{ color: #FFF; }


.nav a			{ color: #333; background: transparent; }
.nav a:hover	{ color: #FFF; background: #5A6910; }
.nav a:active	{ color: #FFF; }




/* - - - - - - - - - - - - Farben - - - - - - - - - - - - */

.dgruen		{ color: #5B6910; }




/* - - - - - - - - - - - - Tabellen - - - - - - - - - - - - */

table.bord { border-collapse: collapse; border: 1px inset #5A6910; }

td.bo { border-right : 1px inset #5A6910; border-bottom : 1px inset #5A6910;}

td.bou { border-bottom : 1px inset #5A6910;}

td.bore { border-right : 1px inset #5A6910;}



---------------