*						{
						margin: 0px;
						padding: 0px;
						}

html						{
						min-height: 100%;
						}

body						{
						min-height: 100%;
						background:white url(../img/layout/bg.jpg) repeat-x;
						color: #505050;
						font-size: 11px;
						font-family: verdana, arial, helvetica, sans-serif;
						line-height: 1.4em;
						}

acronym					{
						cursor: help;
						}

sup						{
						font-family: georgia, verdana, arial, sans-serif;
						}

form, img					{
						border: none;
						}

label:hover				{
						cursor: hand;
						}

input, textarea, select			{
						font-family: arial, verdana, helvetica, sans-serif;
						}

input						{
						height: 18px;

						color: #505050;
						line-height: 18px;

						border: #b4b4b4 1px solid;
						background: url(../img/layout/input.jpg) top left repeat-x;
						}

textarea					{
						line-height: 18px;

						border: #b4b4b4 1px solid;
						background: url(../img/layout/textarea.jpg) top left repeat-x;
						}

input[type=checkbox], input[type=radio]	{
						padding: 0px;
						border: none;
						}

input.form_error, textarea.form_error, select.form_error	{
						color: #bb5050;
						border: #eeaaaa 1px solid;
						}

input:focus, textarea:focus		{
						color: #000000;
						border: #959595 1px solid;
						}

a, a:visited				{
						color: #112c63;
						text-decoration: none;
						}

a:hover					{
						color: #112c63;
						text-decoration: underline;
						}

a.ghost, a.ghost:visited        {
            color: #505050;
            text-decoration: none;
            }

a.ghost:hover         {
            color: #505050;
            text-decoration: none;
            }

p						{
						margin-bottom: 1.5em;
						}

p.last					{
						margin: 0px;
						}

q						{
						font-style: italic;
						}

address					{
						margin: 1em 1.5em;
						padding-left: 1em;

						font-style: normal;
						line-height: 1.5em;
						border-left: #000000 5px solid;
						}

table, td					{
						line-height: 1.5em;
						}

small						{
						font-size: 0.8em;
						font-style: italic;
						}

em						{
						padding: 0px 2px;

						color: #ffffff;
						font-style: normal;

						background: #8896B1;
						}

hr						{
						display: none;
						}

big						{
						font-size: 1.3em;
						font-weight: bold;
						}

td						{
						vertical-align: top;
						}

h1						{
						margin-bottom: 0.5em;

						color: #112c63;
						font-size: 2em;
						font-family: arial, verdana, sans-serif;
						line-height: 1.1em;


						border-bottom: #efefef 2px solid;
						}

h2						{
						margin-bottom: 0.8em;

						color: #112c63;
						font-size: 1.7em;
						font-family: arial, verdana, sans-serif;
						}

h3						{
						margin-top: 0.5em;
						margin-bottom: 0.8em;

						font-size: 1.1em;
						}

h4						{
						margin-bottom: 0.8em;

						font-size: 1em;
						font-family: arial, verdana, sans-serif;
						}


/* ---------------------------- Navigation: Languages ---------------------------- */

#languages				{
						line-height: 1em;
						}

#languages a, #languages a:visited	{
						font-size: 0.9em;
						}

#languages a.de			{
						margin-right: 1em;
						padding-right: 23px;
						background: url(/img/icons/de.jpg) center right no-repeat;
						}

#languages a.de.on			{
						background: url(/img/icons/de_on.jpg) center right no-repeat;
						}

#languages a.en			{
						padding-right: 23px;
						background: url(/img/icons/en.jpg) center right no-repeat;
						}

#languages a.en.on			{
						background: url(/img/icons/en_on.jpg) center right no-repeat;
						}


/* ---------------------------- Navigation: Top ---------------------------- */

#navigation_top ul			{
						list-style: none;
						float: right;
						}

#navigation_top li			{
						float: left;
						}

#navigation_top a, #navigation_top a:visited		{
						padding: 0em 1em;

						color: #505050;

						border-right: #505050 1px solid;
						}

#navigation_top ul li.last a, #navigation_top ul li.last a:visited		{
						border: none;
						padding-right: 0em;
						}

#navigation_top ul li.on a, #navigation_top ul li.on a:visited		{
						text-decoration: underline;
						}


/* ---------------------------- Navigation: Main ---------------------------- */

#navigation_main .Navigation ul			{
						list-style: none;
						}

#navigation_main .Navigation li			{
						background: url(../img/layout/navigation_ul_li.jpg) top left repeat-x;
						}

#navigation_main .Navigation ul li.first		{
						background: url(../img/layout/navigation_ul_li_first.jpg) top left repeat-x;
						}

#navigation_main .Navigation ul li.last		{
						background: url(../img/layout/navigation_ul_li_last.jpg) top left repeat-x;
						}

#navigation_main .Navigation a, #navigation_main .Navigation a:visited		{
						display: block;

						color: #505050;
						font-size: 1em;
						line-height: 37px;

						margin-right: 10px;
						padding-left: 10px;
						}

#navigation_main .Navigation a#category-18, #navigation_main .Navigation a#category-25, #navigation_main .Navigation a#category-26	{
						background: transparent url(../img/layout/navigation_ul_li_a_organic.jpg) center right no-repeat;
						}

#navigation_main .Navigation ul li.on a, #navigation_main .Navigation ul li.on a:visited		{
						color: #112c63;
						}

#navigation_main .Navigation ul li a:hover	{
						color: #112c63;
						text-decoration: none;
						}

#navigation_main .Navigation ul ul		{
						border-right: #afafaf 1px solid;
						}

#navigation_main .Navigation ul ul li.off		{
						border-top: #efefef 1px solid;
						background: #ffffff url(../img/layout/navigation_ul_ul_a.jpg) center left no-repeat;
						}

#navigation_main .Navigation ul li.on ul a, #navigation_main .Navigation ul li.on ul a:visited		{
						padding-left: 20px;

						color: #505050;
						font-size: 1em;

						background: none;
						}

#navigation_main .Navigation ul li.on ul a:hover	{
						color: #112c63;
						}

#navigation_main .Navigation ul li.on ul li.on a:hover	{
						color: #ffffff;
						}

#navigation_main .Navigation ul ul li.on {
						background: #8896b1 url(../img/layout/navigation_ul_ul_li_on.jpg) center left no-repeat;
						}

#navigation_main .Navigation ul ul li.on a, #navigation_main .Navigation ul ul li.on a:visited	{
						color: #ffffff;
						}


/* ---------------------------- Navigation: Footer ---------------------------- */

#footer, #footer a, #footer a:visited		{
						}

#footer a					{
						margin: 0 0.5em;
						}

#footer a:hover				{
						text-decoration: none;
						border-bottom: #ffffff 1px solid;
						}

#footer a.on				{
						border-bottom: #ffffff 1px solid;
						}


/* ---------------------------- Kategorie ---------------------------- */

div.headline_cat h1		{
						padding: 1px 0px 1px 8px;

						border: none;
						background: #ffffff;
						}

div.subcategory_cat a	{
						color: #505050;
						font-size: 1.1em;
						font-weight: bold;
						line-height: 2em;
						}

div.subcategory_cat a img	{
						border: #b4b4b4 1px solid;
						}

div.subcategory_cat a:hover	{
						text-decoration: none;
						}

div.subcategory_cat a:hover img	{
						border: #505050 1px solid;
						}


/* ---------------------------- Subkategorie ---------------------------- */

div.headline_subcat h1		{
						padding: 1px 0px 1px 8px;

						border: none;
						background: #ffffff;
						}

div.product_subcat h3	{
						margin-top: 0em;
						}

div.product_subcat h3 a	{
						color: #505050;
						}

div.product_subcat a img	{
						border: #b4b4b4 1px solid;
						}

div.product_subcat a:hover img	{
						border: #505050 1px solid;
						}

div.product_subcat a.more	{
						display: block;
						float: right;
						padding-left: 10px;

						background: url(../img/icons/arrow.jpg) center left no-repeat;
						}


/* ---------------------------- Produkt ---------------------------- */

div.headline_prod h1		{
						padding: 1px 0px 1px 8px;

						border: none;
						background: #ffffff;
						}

div.description_prod		{
						float: right;
						width: 305px;
						}

div.description_prod h3		{
						margin-top: 0em;
						font-size: 1.5em;
						}

div.image_prod			{
						float: left;
						width: 235px;
						}

div.image_prod a img		{
						border: #b4b4b4 1px solid;
						}

div.image_prod a:hover img	{
						border: #505050 1px solid;
						}

a.back				{
						display: block;
						float: right;
						padding-left: 10px;

						background: url(../img/icons/arrow_back.jpg) center left no-repeat;
						}


/* ---------------------------- Kontakt ---------------------------- */

#contact input			{
						width: 198px;
						}

#contact textarea			{
						width: 458px;
						height: 193px;

						overflow: hidden;
						}

#contact label			{
						font-style: italic;
						}

.ContactGroupe 			{
						font-weight: bold;
						font-size: 12px;
						}


/* ---------------------------- Buttons ---------------------------- */

a.button, a.button:visited		{
						position: relative;

						display: block;
						height: 22px;
						line-height: 22px;

						padding-left: 28px;
						padding-right: 23px;

						color: #505050;
						font-size: 0.9em;
						text-align: center;
						text-decoration: none;
						cursor: pointer;

						background-color: #112c63;
						background-repeat: no-repeat;
						background-position: top left;
						background-image: url(../img/layout/button.jpg);
						}

a.button span				{
						position: absolute;
						top: 0px;
						right: -5px;

						width: 10px;
						height: 22px;

						background-position: top right;
						background-image: url(../img/layout/button.jpg);
						}

a.button:hover				{
						color: #808080;
						background-position: bottom left;
						}

a.button:hover span			{
						background-position: bottom right;
						}

a.button:active				{
						padding: 1px 22px 0px 29px;
						height: 21px;
						}


/* ---------------------------- MISC: Klassen ---------------------------- */

.left						{
						float: left;
						}

.right					{
						float: right;
						}

.center					{
						text-align: center;
						}

#content .textleft			{
						text-align: left;
						}

#content .textright, .textright	{
						text-align: right;
						}

.nm						{
						margin: 0px;
						}

img.left					{
						margin: 0 1.5em 1.5em 0;
						}

img.right					{
						margin: 0 0 1.5em 1.5em;
						}

img.border				{
						border: #b4b4b4 1px solid;
						}

.bold						{
						font-weight: bold;
						}

.italic					{
						font-style: italic;
						}

.uppercase				{
						text-transform: uppercase;
						}

#content .error_message		{
						color: #bb0000;
						}

#content .error_message a, #content .error_message a:visited	{
						color: #aa0000;
						}

#content .error_message a:hover	{
						color: #500000;
						}