/*	Beschreibung von HTML-Tags 		*/
a {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #4E4D49; 
	text-decoration: none
}

body {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;  
/*	background-color: #46510d;*/
	background-color: #f4f4f4;
	overflow: hidden;
	scrollbar-3dlight-color:46510d;
	scrollbar-arrow-color:#cff015;
	scrollbar-base-color:#cff015;
	scrollbar-darkshadow-color:#cff015;
	scrollbar-face-color:#46510d;
	scrollbar-highlight-color:46510d;
	scrollbar-shadow-color:#46510d;
	scrollbar-width:5px;
	background: url(images/bodyBG.gif);		/* Hintergrundbild für den Navigationsbereich */
	background-repeat: no-repeat;
}

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: normal; 
	font-size: 18pt
}


td {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #8D8C85
}

ul {
	margin-left:15px;
	margin-bottom:3px;
	margin-top: 3px;
	padding: 0px;
	list-style-type: circle;
}

.ulstart{
	margin-left:15px;
	margin-bottom:3px;
	margin-top: 3px;
	padding: 0px;
	list-style-type:none;
	list-style-image: url(../Ares/images/punktOrange.jpg);
}

/*	------------------------------------------------------------------------------------------*/

/*	Definition eigener Klassen 																					*/

.headline2 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: normal; 
	font-size: 18pt
}

.navlink {
	border-top: 1px none #999999;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px none #999999;
	text-decoration: none;
}


a.navlink { 
	color:#285100;
	font: Arial, Helvetica, sans-serif; 
	margin-bottom:10px; 
	text-align:left; 
/*	border-style:solid; 
	border-width:1px;  */
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 50px; 
	text-decoration:none;
	font-size: small;
	background-color: #004a01;
}

a.navlink:link    
{
	 color:#FFFFFF; 
	 margin-bottom:10px;
	 background-color: #7fff00;
}

a.navlink:visited { color:#00f; background-color:transparent; }
a.navlink:hover   { color:#ff0; background-color:#2f6000; }
a.navlink:active  { color:#ff0; background-color:#2f6000; }

.speciallink
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #4E4D49; 
	text-decoration: none
	background-color: #f5f5f5;
}

a.speciallink
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #4E4D49; 
/*	text-decoration: none*/
	background-color: #ededed;
}

.backlink
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #4E4D49; 
	text-decoration: none
	background-color: #f5f5f5;
}

a.backlink
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #4E4D49; 
	text-decoration: none
	background-color: #f5f5f5;
}

.submenu {  
font-size: 8pt; color: #8D8C85
}

.submenu a {
	text-decoration: none;
	color: #555555}

.headline3 { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #8A9028; 
	font-weight: bold; 
	font-size: 10pt
}

.headline4 { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: normal; 
	font-size: 12pt
}

.headline5 { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: normal; 
	font-size: 11pt
}

.headlinepflegetipps
{
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight:bold;
	font-size: 12pt	
}
.active {  
	font-family: Arial, Helvetica, sans-serif; 
	color: 393834; 
	font-size: 8pt
}

.tablemitarbeiter
{
	border-bottom: thin solid;
	border-bottom-color: gray;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 5px;
}

.tableprodukte
{
	width: 95%;
	padding: 10px;
	border: 0;
}

.text1 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: normal; 
	font-size: 10pt
}

.text1fett {
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: bold; 
	font-size: 10pt
}

.text2 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: normal; 
	font-size: 12pt
}

.text2fett {
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: bold; 
	font-size: 12pt
}

.textrotfett{
	font-family: Arial, Helvetica, sans-serif; 
	color: #FF0000; 
	font-weight: bold; 
	font-size: 10pt
}

.textArtikelDesMonats{
	font-family: Arial, Helvetica, sans-serif; 
	color: #FF0000; 
	/*font-weight: bold; */
	font-size: 10pt
}

.text8{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;  	
}

.warenkorbheader
{
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: normal; 
	font-size: 15pt
}

.warenkorbtext
{
	font-family: Arial, Helvetica, sans-serif; 
	color: #8D8C85; 
	font-weight: normal; 
	font-size: 10pt
}

.tdproduktuebersicht
{
	padding: 5px;
}

.tableprodukte1
{
/*	width:95%;*/
	border-style: solid;
	border: thin;
}

input {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; color: #8D8C85; 
	background-color: #FFFFFF
}

.logo {
	margin-left: 10px;
	margin-top: 10px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8D8C85;
}

ul .u1
{
	list-style-type: square;
}

.newsdatum {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	font: bold;
}

.newstext {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	font: bold;
}

.newsparagraph{
	width: 600px;
	border-bottom: solid 1px;
	border-color: silver;
}

.produktbildbezeichnung 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
}

.produktbildbezeichnung a
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
}


li .a1
{
	display:block;
/*	width:130px;*/
	width:100px;
	margin-top:2px;
	background-color: #4c570d;
	padding: 1px;
	color:#ffff55;
	border: solid;
	border-width: 1px;
}

li .a1:a
{
	width:100px;
	background-color: yellow;
}

li .a2
{
	display:block;
/*	width:130px;*/
	width:100px;
	margin-top:2px;
/*	background-color: yellow;*/
	padding: 1px;
	color: black;
	border: solid;
	border-width: 1px;
}

li .a2:a
{
	width:100px;
	background-color: yellow;
}

li .a3
{
	display:block;
/*	width:130px;*/
	width:100px;
	margin-top:0px;
	padding: 0px;
/*	color: black;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

li .a3:a
{
/*	width:200px;*/
	width:100px;
	list-style: square;
	background-color: yellow;
}

/*	------------------------------------------------------------------------------------------*/

/* Styledefinition für die Überschriften der Produkt-Details											*/
/* sowie für den ersten Absatz (Produktspruch und Produktbeschreibung)                       */

/*.normalehaut {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #FFCC33;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.normalehaut1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #ffecb0;
	font-weight: normal; 
	padding: 3px;
}

.trockenehaut {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #009966;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.trockenehaut1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #c1ffea;
	font-weight: normal; 
	padding: 3px;
}

.spezialpflege {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #FF80C0;
	font-weight: normal; 
	padding: 3px;
	font-size: 18pt;
}

.spezialpflege1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #ffd7eb;
	font-weight: normal; 
	padding: 3px;
}

.sonneundhaut {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #FFFF33;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.sonneundhaut1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #FFFF33;
	font-weight: normal; 
	padding: 3px;
}

.sensiblehaut {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #3366CC;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.sensiblehaut1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #c7d5ef;
	font-weight: normal; 
	padding: 3px;
}

.reifehaut {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #CC66CC;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.reifehaut1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #eeceef;
	font-weight: normal; 
	padding: 3px;
}

.normalehaut {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #FFCC33;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.normalehaut1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #ffecb0;
	font-weight: normal; 
	padding: 3px;
}

.mutterkind {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #993399;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.mutterkind1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #edcef0;
	font-weight: normal; 
	padding: 3px;
}

.mischhaut {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #CFF015;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.mischhaut1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #e9f6a0;
	font-weight: normal; 
	padding: 3px;
}

.koerperpflegenoreia {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #FF0000;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.koerperpflegenoreia1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #ffc8c8;
	font-weight: normal; 
	padding: 3px;
}

.koerperpflege {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #95BFFF;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.koerperpflege1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #d0e2ff;
	font-weight: normal; 
/*	font-size: 18pt;*/
/*	padding: 3px;
}

.aromaundessenz {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #A8662D;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}

.aromaundessenz1 {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	background-color: #e9cdb5;
	font-weight: normal; 
	padding: 3px;
}

.logo {
	margin-left: 10px;
	margin-top: 10px;
}


.unreinehaut {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background-color: #346701;
	font-weight: normal; 
	font-size: 18pt;
	padding: 3px;
}


/*	------------------------------------------------------------------------------------------*/

/* Styledefinition für die einzelnen Container 																*/

/*	Hauptcontainer - beinhaltet alle übrigen Container */
#container
{
	position: absolute;
	left:5px;
	top:5px;
	width: 95%;
	height:85%;
	overflow: visible;	
}

/* Container für den Seiteninhalt		*/
#content
{
	position:absolute;
	left:153px;
	top:127px;
	height:85%;
	width:80%;
/*	height : 100%;
	width : 85%;	*/
	background-color: #FFFFFF;
	padding:10px;
	overflow: auto;
}

/*	Navigationsbereich						*/
#nav
{	
	top:120px;
	position:absolute;
	height:85%;
/*	width: 170px;*/
	width: 110px;
	padding: 10px;
}

/*	unterer Navigationsbereich für die Buttons "news", "newsletter", "shop" usw.	*/
#navbottom
{
	position: absolute;
	top:300px;
/*	width:170px;*/
	width:100px;
	padding: 10px;
	left:0px;
}

/*	oberer Navigationsbereich für das Produkt des Monats	*/
#navtop
{
	position:absolute;
	top:0px;
	left:0px;
	height: 100px;
/*	width: 170px;*/
	width: 100px;
	padding:10px;
	text-align: left;
}

/*	Kopfleiste mit Logo + Bild v. "Leckerli"	*/
#top
{
	position:absolute;
	left:153px;
	top:0px;
	height: 120px;
	width:80%;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(images/StrichTop.gif);
}

#pdm{
	margin-left: 10px; 
	width: 100px; 
	height: 80px; 
	z-index: 1;
   background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	border: 1px none #000000; 
/*	visibility:hidden;*/
}