/* ---------------------------------------- */
/* Styles fuer die Webseite www.latomaca.es */
/* Codierung: Alexandra Steiner ----------- */
/* Datum: 04. Mai 2008 -------------------- */
/* Last Mod KA: 29. Mai 2008 -------------- */
/* Last Mod KA: 3. Juni 2008 -------------- */
/* ---------------------------------------- */

body {
	background-color:#ffffea;
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link    {color:#000000; text-decoration:none;}
a:visited {color:#996600; text-decoration:none;}
a:hover   {color:#006600; text-decoration:underline;}
a:active  {color:#006600; text-decoration:none;}

p {
	color: #000000;
	line-height: 1.4em;
}

img {
	border:none;
}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* --------------------------------------------------- Wrapper fuer den Inhalt --------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

#wrapper {
	min-height: 700px; /* Kann IE6 nicht umsetzen */
	width: 982px;
}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* ----------------------- Kopfbereich - wird nur eine Hoehe angegeben - Breite automatisch zeilenfuellend ----------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

#head {
	background:url(design/bg_head.gif) top left no-repeat;
	height: 176px;
}

#logo {
	width: 219px;
	height:74px;
	position:absolute;
	top: 0;
	left: 53px;
}

	/* Drucklogo wird nur in der Ausgabe sichtbar */

#drucklogo {display: none;}

	/* Datum wird absolut positioniert, da der IE6 Positionierungsprobleme hat.*/

.date {
	left: 356px;
	top: 3px;
	text-align:left;
	color:#000000;
	font-size: 0.6em;
	position: absolute;
}

.language {
	color:#339933;
	text-align: right;
	padding-top: 3px;
	margin-right: 2px;
	font-size: 0.6em;
}
.language a         {color:#339933; font-weight: 700;}
.language a:link    {text-decoration: none;}
.language a:visited {font-style:italic;}
.language a:hover   {text-decoration: none; text-decoration: underline;}
.language a:active  {text-decoration: none; font-style:italic;}

.language ul {
	list-style-type: none;
}
.language li {
	display:inline;
}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* --------------------- Spalte links - gibt Breite an - alle nachfolgendene Elemente werden links umflossen --------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

#colleft {
	float: left;
	width: 220px;
}

	/* Positionierung und Groesse der Navibox */

#navibox {
	margin: 30px 15px 0 15px;
	font-size: 0.7em;
	font-weight: 600;
}

	/* Navilinks */

#navibox ul {
	list-style-type: none;
}
#navibox ul li {
	padding-bottom: 5px;
	margin-top: 10px;
	border-bottom: 1px solid #339900;
}
#navibox ul li a {
	text-decoration:none;
}
#navibox ul li a:link    {color:#339900;}
#navibox ul li a:visited {color:#003300;}
#navibox ul li a:hover   {color:#66CC33;}
#navibox ul li a:active  {color:#66CC33;}

/* KA: neu eingeführt für die dynamsiche Auszeichnung der aktuellen Unterseite */
#navibox ul li a.actual {
	background:url(design/menu_link_normalactive.gif) left no-repeat;
	padding-left: 10px;
	color:#339900;
/*	text-decoration: underline; */
}

		/* Untergeordnete Naviliste */

#navibox ul ul {
	margin-left: 8px;
	margin-top: 10px;
	padding-bottom: 3px;
}
#navibox ul ul li {
	border: none;
	padding: 0;
	margin: 5px 0;
}
#navibox ul ul li a {
	padding-left: 8px;
	text-decoration: none;
}

/* KA: vorerst auskommentiert, weil andere Linkdefinitionen erwünscht */
/* #navibox ul ul li a:link {
	background:url(design/menu_link_normalactive.gif) left no-repeat; 
	color:#339900;
}
#navibox ul ul li a:visited {
 	background:url(design/menu_link_visitedhover.gif) left no-repeat !important;
	color:#003300 !important;
}
#navibox ul ul li a:hover {
	background:url(design/menu_link_visitedhover.gif) left no-repeat !important;
	color:#003300 !important; 
	text-decoration: underline;
}
#navibox ul ul li a:active {
	background:url(design/menu_link_normalactive.gif) left no-repeat;
	color:#339900;
} */

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* ---------------------------------------- Spalte Mitte - ist das umfliessende Element - fixe Breite ---------------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

#colmid {
	float:left;
	width: 560px;
}

	/* Dieser Text ist am Bildschirm nicht sichbar - jedoch in der Druck- und Screenreaderausgabe */

.nonscreentext {
	margin: 0 0 0 -2000px !important;
}

	/* Allgemeine Inhalte */

#overview {
	margin: 35px 40px 20px 40px;
}

	/* Bereiche fuer die jeweiligen Ueberschriften, die mit einem Hintergrundbild belegt werden */

/* spanisch */

.contacto {
	background:url(design/contacto_header.gif) left top no-repeat;
}
.equipo {
	background:url(design/equipo_header.gif) left top no-repeat;
}
.econoticias {
	background:url(design/econoticias_header.gif) left top no-repeat;
}
.tomacanews {
	background:url(design/tomacanews_header.gif) left top no-repeat;
}
.alimentacion {
	background:url(design/alimentacion_header.gif) left top no-repeat;
}
.cocina {
	background:url(design/cocina_header.gif) left top no-repeat;
}
.castellon {
	background:url(design/castellon_header.gif) left top no-repeat;
}

/* valencia */

.contacte {
	background:url(design/contacte_header.gif) left top no-repeat;
}
.equip {
	background:url(design/equip_header.gif) left top no-repeat;
}
.econoticies {
	background:url(design/econoticies_header.gif) left top no-repeat;
}
.tomacanews {
	background:url(design/tomacanews_header.gif) left top no-repeat;
}
.alimentacio {
	background:url(design/alimentacio_header.gif) left top no-repeat;
}
.cuina {
	background:url(design/cuina_header.gif) left top no-repeat;
}
.castello {
	background:url(design/castello_header.gif) left top no-repeat;
}

/* englisch */

.contact {
	background:url(design/contact_header.gif) left top no-repeat;
}
.team {
	background:url(design/team_header.gif) left top no-repeat;
}
.econews {
	background:url(design/econews_header.gif) left top no-repeat;
}
.tomacanews {
	background:url(design/tomacanews_header.gif) left top no-repeat;
}
.food {
	background:url(design/food_header.gif) left top no-repeat;
}
.kitchen {
	background:url(design/kitchen_header.gif) left top no-repeat;
}
.castellon-en {
	background:url(design/castellon-en_header.gif) left top no-repeat;
}


	/* Bildpositionierung */

.rightpic {
	float:right !important; 
	margin: -35px 0 20px 20px !important;
}

.leftpic {
	float:left; 
	margin: 10px 20px 20px 0px !important;
}

	/* Ueberschrift 1 */

#overview h1 {
	margin-bottom: 40px;
	height:30px;
}
#overview h1 span {
	margin-left: -2000px;
}

	/* Ueberschrift 2 */

#overview h2 {
	clear:left;
	color: #ff9933;
	font-size: 1.2em;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 35px;
	border-bottom: 1px solid #ff9933;
}
#overview h2 span {
	border-bottom: 1px solid #ffffff;
	padding-right: 10px;
}

	/* Ueberschrift 3 */

#overview h3 {
	clear:left;
	color: #669933;
	font-size: 0.9em;
	font-weight: 600;
	margin-top: 25px;
	margin-bottom: 15px;
}

	/* KA: Ueberschrift 4 */

#overview h4 {
	clear:left;
	color: #ff6600;
	font-size: 0.8em;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 15px;
}

	/* Absaetze */

#overview p {
	color: #000000;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 7px 0;
}

	/* Bilder */

#overview img {
	float:left;
	margin: 0 20px 20px 0;
}

	/* Listen */
	
#overview ul {
	color: #000000;
	font-size: 0.8em;
	line-height: 1.4em;
	list-style-type:circle;
	margin: 11px 0 11px 40px;

}

#overview ol {
	color: #000000;
	font-size: 0.8em;
	line-height: 1.4em;
	list-style-type:decimal;
	margin: 11px 0 11px 40px;
}

	/* Formularbereiche */

#overview form {
	margin: 35px 0 0 0;
}

#overview label {
	font-weight: 600;
	float:left;
	display: block; 
	width: 150px;
}

#overview form ul {
	list-style-type: none;
}
#overview form li {
	margin: 0 0 10px 0;
}
#overview form input {
	height: 16px;
	width: 230px;
	color:#000000;
	font-size: 90%;
	padding: 3px 5px;
	border: 1px solid #74ba41;
}
#overview form textarea {
	width: 380px;
	height: 75px;
	color:#000000;
	font-size: 90%;
	padding: 3px 5px;
	margin: 10px 0;
	border: 1px solid #74ba41;
}
#overview form select {
	height: 20px;
	width: 241px;
	color:#000000;
	font-size: 90%;
	padding: 3px 5px;
	border: 1px solid #74ba41;
}

#overview form label,
#overview form input,
#overview form textarea,
#overview form select {
	cursor: pointer;
}

#overview form input:hover,
#overview form textarea:hover,
#overview form select:hover {
	background-color:#d6ebc2;
}
#overview form input:focus,
#overview form textarea:focus,
#overview form select:focus {
	background-color:#f5faef;
}

#overview form .chbox {
	text-align:left;
	border: none;
	margin-right: 10px;
	width: 20px;
}

#overview form .submitbutton {
	background:url(design/contact_submit.gif) left no-repeat #378737;
	border: none;
	height: 22px;
	width: 95px;
	margin-right: 30px;
	margin-top: 10px;
	color:#FFFFFF;
	font-weight: 600;
	padding: 0;
}
#overview form .deletebutton {
	background:url(design/contact_delete.gif) right no-repeat #378737;
	border: none;
	height: 22px;
	width: 95px;
	margin-top: 10px;
	color:#FFFFFF;
	font-weight: 600;
	padding: 0;
}
#overview form .submitbutton:hover,
#overview form .submitbutton:focus {
	background:url(design/contact_submit.gif) left no-repeat #378737;
	border: none;
}
#overview form .deletebutton:hover,
#overview form .deletebutton:focus {
	background:url(design/contact_delete.gif) right no-repeat #378737;
	border: none;
}

	/* Links innerhab von Fliesstexten */

#overview a {color: #000000;}
#overview a:link    {text-decoration: none;}
#overview a:visited {text-decoration: none; font-style:italic;}
#overview a:hover   {text-decoration: underline;}
#overview a:active  {text-decoration: none;}

	/* Information ueber den Shop - ist modular anwendbar */
	/* Wird nur in der Intro-Seite angezeigt */

#shopinfo {
	padding: 0;
	margin: 0;
}

#shopheader_es {
	background:url(design/text_intro_middle_es.gif) top no-repeat;
	margin: 30px 0 0 40px;
	width: 253px;
	height: 70px;
}
#shopheader_es span {
	margin-left: -2000px;
}
#shopheader_val {
	background:url(design/text_intro_middle_val.gif) top no-repeat;
	margin: 30px 0 0 10px;
	width: 317px;
	height: 72px;
}
#shopheader_val span {
	margin-left: -2000px;
}
#shopheader_en {
	background:url(design/text_intro_middle_en.gif) top no-repeat;
	margin: 30px 0 0 40px;
	width: 260px;
	height: 83px;
}
#shopheader_en span {
	margin-left: -2000px;
}



#basket {
	text-align: right;
	position:absolute;
	height: 80px;
	width: 100px;
	top: 200px;
	left: 530px;
}
#basket a {
	background:url(design/arrow_right_shop.gif) left no-repeat;
	font-size: 0.9em;
	padding-left: 20px;
}
#basket a:link {color:#339900; text-decoration: none;}
#basket a:visited {color:#003300; text-decoration: none;}
#basket a:hover {color:#339900; text-decoration: underline;}
#basket a:active {color:#339900; text-decoration: none;}

	/* Diverse Farbboxen */

		/* Greenbox - moduar einsetzbar */
		/* Werden in allen Seiten aufgerufen - auch in Wordpress */

.greenbox {
	background:url(design/greenbox_head.gif) top no-repeat;
	width: 524px;
	margin-top: 30px;
}

.closegreen {
	padding-bottom: 10px;
	background:url(design/greenbox_bottom.gif) bottom no-repeat;
}

.greenborder {
	border-left: 1px solid #99cc33;
	border-right: 1px solid #99cc33;
	margin-top: 20px;
} 

.greenbox input,
.orangebox input,
.greenbox select,
.orangebox select {
	border: 1px solid #006600;
	cursor: pointer;
}

.greenbox input:hover,
.greenbox select:hover,
.orangebox input:hover,
.orangebox select:hover {
	background-color:#d6ebc2;
}

.greenbox input:focus,
.greenbox select:focus,
.orangebox input:focus,
.orangebox select:focus {
	background-color:#f5faef;
}

.greenbox h1 {
	color:#FFFFFF;
	margin: 0 0 20px 18px;
	padding-top: 6px;
	font-size: 1.1em;
}

.greenbox h2 {
	border-left: 1px solid #99cc33;
	border-right: 1px solid #99cc33;
	color: #006600;
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 0 20px 15px 20px;
}

.greenbox p {	
	border-left: 1px solid #99cc33;
	border-right: 1px solid #99cc33;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.4em;
	padding: 0 20px 15px 20px;
}

.greenbox ul {
	border-left: 1px solid #99cc33;
	border-right: 1px solid #99cc33; 
	font-size: 0.8em;
	list-style-type:circle;
	color: #000000;
	line-height: 1.4em;
	padding: 0 20px 15px 20px;
}

.greenbox ol {
	border-left: 1px solid #99cc33;
	border-right: 1px solid #99cc33;
	font-size: 0.8em;
	list-style-type: decimal;
	color: #000000;
	line-height: 1.4em;
	padding: 0 20px 15px 20px;
}

.greenbox li {
	margin: 0 20px 0 40px;
}

.greenbox a:link    {color:#000000; font-weight:600; text-decoration: none;}
.greenbox a:visited {color:#666666; font-weight:600;}
.greenbox a:hover   {color:#000000; font-weight:600; text-decoration: underline;}
.greenbox a:active  {color:#000000; font-weight:700; text-decoration: none;}

.greenbox strong {
	color:#006600;
	font-weight: 600;
}

	/* Artikelliste ohne Listenpunkte innerhalb der orangen und gruenen Boxen */

.greenbox .articlelist {
	list-style-type:none;
}

		/* Orangebox - modualr einsetzbar */
		/* Werden in allen Seiten aufgerufen - auch in Wordpress */

.orangebox {
	background:url(design/orangebox_head.gif) top no-repeat;
	width: 524px;
	margin-top: 20px;
}

.closeorange {
	padding-bottom: 10px;
	background:url(design/orangebox_bottom.gif) bottom no-repeat;
}

.orangeborder {
	border-left: 1px solid #ffd659;
	border-right: 1px solid #ffd659;
	margin-top: 20px;
}

.orangebox h1 {
	color:#FFFFFF;
	line-height:1.4em;
	margin: 0 0 20px 18px;
	padding-top: 6px;
	font-size: 1.1em;
}

.orangebox h2 {
	margin: 0 0 20px 20px;
	color: #006600;
	line-height:1.4em;
	font-size: 0.9em;
}

.orangebox p {
	border-left: 1px solid #ffd659;
	border-right: 1px solid #ffd659;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.4em;
	padding: 0 20px 15px 20px;
}

.orangebox ul {
	border-left: 1px solid #99cc33;
	border-right: 1px solid #99cc33;
	font-size: 0.8em;
	list-style-type:circle;
	color: #000000;
	line-height: 1.4em;
	padding: 0 20px 15px 20px;
}

.orangebox ol {
	border-left: 1px solid #99cc33;
	border-right: 1px solid #99cc33;
	font-size: 0.8em;
	list-style-type: decimal;
	color: #000000;
	line-height: 1.4em;
	padding: 0 20px 15px 20px;
}

.orangebox li {
	margin: 0 20px 0 40px;
}

.orangebox a:link    {color:#000000; font-weight:700; text-decoration: none;}
.orangebox a:visited {color:#666666; font-weight:700;}
.orangebox a:hover   {color:#000000; font-weight:700; text-decoration: underline;}
.orangebox a:active  {color:#000000; font-weight:700; text-decoration: none;}

/* .orangebox strong {
	color:#006600;
	font-weight: 600;
} */

.orangebox img {
	float:left;
	margin: 0 40px 0 25px;
}

.orangebox .galery {
	text-align:center;
}
.orangebox .galery li {
	list-style-type: none;
	display: inline;
	margin: 0 10px;
}
.orangebox .galery img {
	border: 1px solid #000000;
	margin: 0 0 -33px 0;	/* Damit die Linie mitten durch die Galerie geht, muss man die Bilder negativ positionieren */
}

.orangebox strong {
	color:#ffd659;
	font-weight: 600;
}

.orangebox .articlelist {
	list-style-type:none;
}

	/* Bildergalerie */
	/* Werden in allen Seiten aufgerufen */

.galery {
	background:url(design/greenbox_head_galery.gif) top no-repeat;
	width: 524px;
	margin-top: 20px;
}

.galery h1 {
	color:#FFFFFF;
	margin: 0 0 20px 18px;
	padding-top: 6px;
	font-size: 1.1em;
}

.galery h2 {
	color:#006600;
	margin: 0 20px 10px 20px;
	line-height: 1.4em;
	font-size: 0.9em;
}

.galery ul {
	background:url(design/greenbox_bottom_galery.gif) top no-repeat;
	text-align:center;
	margin-top: -1px;
	padding-top: 10px;
}
.galery li {
	list-style-type: none;
	display: inline;
	margin: 0 10px;
}

.galery p {
	border-left: 1px solid #99cc33;
	border-right: 1px solid #99cc33;
	font-size: 0.8em;
	color: #000000;
	line-height: 1.4em;
	padding: 0 20px 10px 20px;
} 

.galery strong {
	color:#006600;
	font-weight: 600;
}

.galery img {
	border: 1px solid #000000;
	height: 65px;
}

		/* Weiterfuerender Link zu mehr Bildern - Bitte nur in der Galerie verwenden! */

.morepics {
	border: none !important;
	text-align:right;
	margin: 10px 0 20px 35px;
	font-size: 0.8em;
}
.morepics a {
	Border: none;
	font-style:italic;
}
.morepics a:link    {color:#679b1d; text-decoration: none;}
.morepics a:visited {color:#333333; text-decoration: none;}
.morepics a:hover   {color:#333333; text-decoration: underline;}
.morepics a:active  {color:#679b1d; text-decoration: none;}

.morepics span {font-size: 80%;}

	/* Shopbox */
	/* Wird nur im Shop aufgerufen */

.shopbox {
	clear:left;
	margin: 0;
}

.shopbox img {
	float:left;
	border: 1px solid #66533b;
	margin: 15px 15px 0 10px;
}

.shopbox h1 {
	padding-top:15px;
	margin: 0 10px;
	color: #006600;
	font-size: 0.75em;
}
.shopbox p {
	color: #006600;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 10px 15px 10px 0;
}

.shopbox a:link    {color:#006600; text-decoration: none;}
.shopbox a:visited {color:#996600; text-decoration: none;}
.shopbox a:hover   {color:#006600; text-decoration: underline;}
.shopbox a:active  {color:#006600; text-decoration: none;}

.openshop {
	background:url(design/shopbox_head.gif) top no-repeat #cbe597;
	float:left;
	margin: 30px 30px 0 0;
	width: 244px;
	height:134px;
}
.closeshop {
	background:url(design/shopbox_bottom.gif) bottom no-repeat;
	height:134px;
}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* -------------------------------------------------------- Spalte Rechts -------------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

#colright {
	margin-left: 780px;
	font-size: 0.9em; /* KA: Schriftgröße rechte Spalte auf Kundenwunsch verkleinert */
}

/* KA: auskommentiert, um IE Bug "Rechte Spalte" zu fixieren :

#colright a:link    {text-decorarion: none;}
#colright a:visited {text-decorarion: none;}
#colright a:hover   {text-decorarion: underline;}
#colright a:active  {text-decorarion: underline;}

#colright h1 {
	background:url(design/pic_tomatoe_headlines.gif) left no-repeat;
	font-size: 0.9em;
	height: 22px;
	padding: 25px 0 0 38px;
	color: #669933;
}

#colright ul {
	list-style-type:circle;
	color: #666633;
	font-size: 0.75em;
	line-height:1.4em;
	margin: 6px 15px 6px 40px;
}

#colright ol {
	list-style-type:decimal;
	color: #666633;
	font-size: 0.75em;
	line-height:1.4em;
	margin: 6px 15px 6px 40px;
}

 #colright p {
	color: #666633;
	font-size: 0.70em;
	line-height: 1.4em;
	margin: 5px 15px 15px 10px;
}*/

	/* Headlines - Unterschiedliche Angebote etc. */
	
.headlines {
	margin-top: 20px;
	margin-right: 2px;
}

.headlines h1 {
	background:url(design/pic_tomatoe_headlines.gif) left no-repeat;
	font-size: 1em;
	height: 22px;
	padding: 25px 0 0 38px;	
}
.headlines h1 span {
	margin-left: 70px;	
}

.headlndarkgreen {
	color: #336633 !important;
}
.headlndarkgreen a {
	color: #336633 !important;
}
.headlndarkgreen a:link    {color: #336633; text-decoration: none;}
.headlndarkgreen a:visited {color: #336633;text-decoration: none;}
.headlndarkgreen a:hover   {color: #ff6600; text-decoration: underline;}
.headlndarkgreen a:active  {text-decoration: underline;}

.headlngrasgreen {
	color: #669933 !important;
}
.headlngrasgreen a {
	color: #669933 !important;
}
.headlngrasgreen a:link    {color: #669933; text-decoration: none;}
.headlngrasgreen a:visited {color: #669933; text-decoration: none;}
.headlngrasgreen a:hover   {color: #ff6600; text-decoration: underline;}
.headlngrasgreen a:active  {text-decoration: underline;}

.headlnorange {
	color: #ff6600 !important;
}
.headlnorange a {
	color: #ff6600 !important;
}
.headlnorange a:link    {color: #ff6600; text-decoration: none;}
.headlnorange a:visited {color: #ff6600; text-decoration: none;}
.headlnorange a:hover   {color: #ff6600; text-decoration: underline;}
.headlnorange a:active  {text-decoration: underline;}


.headlines p {
	color: #666633;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 10px 15px 15px 10px;
}

	/* Sortimentenbereich fuer den Shop */

.categorybox {
	margin: 20px 10px 20px 0;
	font-size: 0.7em;
	font-weight: 600;
}
.categorybox ul {
	list-style-type: none !important;
	margin: 0 !important;
}
.categorybox ul li {
	padding-bottom: 5px;
	margin-top: 10px;
	border-bottom: 1px solid #339900;
}
.categorybox ul li a {
	text-decoration:none;
}
.categorybox ul li a:link,
.categorybox ul li a:active {
	color:#339900;
}
.categorybox ul li a:visited,
.categorybox ul li a:hover {
	color:#003300;
}

.categorybox ul ul {
	margin-left: 8px;
	margin-top: 10px;
	padding-bottom: 3px;
}
.categorybox ul ul li {
	border: none;
	padding: 0;
	margin: 5px 0;
}
.categorybox ul ul li a {
	padding-left: 8px;
	text-decoration: none;
}
.categorybox ul ul li a:visited,
.categorybox ul ul li a:hover {
	background:url(design/menu_link_visitedhover.gif) left no-repeat !important;
	color:#003300 !important; 
}
.categorybox ul ul li a:link,
.categorybox ul ul li a:active {
	background:url(design/menu_link_normalactive.gif) left no-repeat;
	color:#339900; 
}

	/* M. Pawlata Anpassungen*/

.level0 {
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	border-bottom: 0 !important;
}

.categorybox h1{
	margin-top:20px;
	margin-bottom:20px;
}

.nav ul {
	margin-top:20px;
}

	/* Hervorhebung unter den Headlines */

.headltgreen {
	background:url(design/bg_ltgreen.gif) top no-repeat;
}
.headltgreen h1 {
	color:#000000  !important;
	margin: 20px 10px 0 10px !important;
	font-size: 0.95em !important;
	padding: 6px 0 !important;
	text-align:left;
}

.headltgreen p {
	color: #666633;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 20px 15px 15px 10px;
}

	/* Formular fuer kleine Eingabefelder zB Login, Suche, Newsletter etc. */

.formbox {
	color: #006600;
	font-size: 0.75em;
	margin-top: 20px;
	margin-left:10px; /* KA: auf Wunsch der Kundin nach rechts verschoben */
	width: 158px;
}

.formbox p {
	margin: 0 !important;
	padding: 0 !important;
}

.formbox ul {
	list-style-type: none !important;
	margin: 0 !important;
}

.formbox input, 
.formbox label, 
.formbox .button {
	cursor: pointer;
}

.formbox input {
	margin:5px 0;
	width: 145px;
	font-style:italic;
	border: 1px solid #006600;
	height: 15px;
	padding: 2px 5px;
	font-size: 90%;
}
.formbox input:hover {background-color:#d6ebc2;}
.formbox input:focus {background-color:#f5faef;}

.formbox label {
	font-weight:700;
}

.formbox .button {
	background:#006600;
	font-weight:700;
	font-style:normal;
	color:#FFFFFF;
	width: 50px;
	height: 20px;
	padding: 2px 0 3px 0;
}
.formbox .button:hover {
	background:#006600;
	text-decoration: underline;
}

.formbox a {
	background:url(design/arrow_right.gif) left no-repeat;
	color:#006600;
	padding-left: 8px;
}
.formbox a:link    {text-decoration: none;}
.formbox a:visited {text-decoration: none;}
.formbox a:hover   {font-weight: 700; text-decoration: underline;}
.formbox a:active  {text-decoration: underline;}

	/* Shopbutton */
	
.shopinfosm {
	margin: 20px 0 10px 0;
}

	/* ------------------------------------------------------------------------------------------------------------------------------- */
	/* -------------------------------- Fusszeile - hier wird der umfluss aufgehoben mit clear:both; --------------------------------- */
	/* ------------------------------------------------------------------------------------------------------------------------------- */

#footer {
	text-align:center;
	clear: both;
	padding-top:20px;
	font-size: 0.65em;
}

#footer ul {
	list-style-type: none;
	color:#339900;
	margin-bottom: 3px;
}
#footer li {
	display: inline;
}

#footer ul a {
	font-weight: 600;
	text-decoration: none
}
#footer ul a:link    {color:#339900;}
#footer ul a:hover   {color:#003300; text-decoration: underline;}
#footer ul a:visited {color:#339900;}
#footer ul a:active  {color:#339900;}

#footer p {
	color:#339900;
	padding-bottom: 5px;
}

#footer a {
	color:#339900; font-weight: 600;
}
#footer a:link,
#footer a:visited,
#footer a:active {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

.footergrasgreen {
	color:#669900;
}