/* F A R B E N  Dog's Nature */
/* blau - #86b1f2 */
/* gruen hell - #8dc73f */
/* gruen hell (50%) - #c6e3a0 */
/* gruen hell (25%) - #e2f2ce */
/* gruen dunkel - #006f3b */
/* gelb - #ffdd00 */
/* gelb (25%) - #fff7c0 */
/* rot - #c82a2d */
/* rot (25%) - #f2caca */
/* rot (50%) - #e39497 */

/*  A L L G E M E I N  */
body {
	background-color: #fff;
	margin: 0;
	padding: 0; /* for some Opera-Versions */
	margin-left: 10px; /* falls die 'auto'-Angabe im 'margin' auf 'framework' nicht greift - bsp. IE 6 */
}
body, div, table, input, textarea { font: 10pt 'Verdana', 'Arial', sans-serif; color: #000; }
th, td { text-align: left; vertical-align: top; }
h1, h2, h3 { color: #000000; }
img { border: 0; } /* Links auf Bilder in IE */
a { color: #006f3b; text-decoration: none; }
a:hover { color: #006f3b; text-decoration: underline; }
a.active, a:visited.active { color: #006f3b; }

h1 {
	color: #fff;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
h2 { font-size: 1em; }

.clear { clear: both; }

/* Die grobe Struktur */
#framework {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#leftside { width: 90px; float: left;}
#rightside { width: 200px; float: right;}
#center { margin: 0 220px 0 90px;}

#shop { float: left;}
#kundenbereich {width: 205px; float: right;}

/* Bereiche L O G O und S P R A C H W A H L */
#logo img { float: left; margin: 10px 0 5px 0; }
#sprachwahl {
	margin-top: 10px;
	padding: 6px 0 6px 0;
	float: right;
	font-size: 0.9em;
	text-align: right;
}
#sprachwahl a, #sprachwahl a:visited {
	border: 1px solid #fff;
	margin-left: 1px;
	padding: 1px 6px 1px 6px;
	color: #8dc73f;
}
#sprachwahl a:hover, #sprachwahl a.active, #sprachwahl a:visited.active {
	border-color: #8dc73f;
	text-decoration: none;
}



/*  H A U P T N A V I G A T I O N  */
/* ...ist deswegen eine Tabelle, weil der Safari sonst durchdreht - zumindest zur Zeit... */
#kategorien { margin-bottom: 35px; padding-left: 90px;}
#kategorien th {
	padding: 4px 10px 3px 5px;
	color: #999;
}
#kategorien a, #kategorien a:visited {
	display: block;
	border: 1px solid #8dc73f;
	background-color: #e2f2ce;
	margin-right: 1px;
	padding: 3px 15px 2px 15px;
	color: #8dc73f;
	font-weight: bold;
	text-decoration: none;
}
#kategorien a:hover, #kategorien td a.active, #kategorien td a:visited.active, #kategorien a:hover.parent {
	border: 1px solid #8dc73f;
	background-color: #8dc73f;
	color: #fff;
}
#kategorien a.parent, #kategorien a:visited.parent { /* 'parent' ist der Startseiten-Link */
	border: 1px solid #8dc73f;
	background-color: #fff;
}

/* Navigation Kundenbereich + Willkommensnachricht */
#kategorien #kundenbereich a, #kategorien #kundenbereich a:visited {
	padding: 3px 5px 2px 5px;
	font-weight: normal;
}

#kategorien #kundenbereich  a.logout {
	border: 1px solid #c82a2d;
	background-color: #f2caca;
	color: #c82a2d;
}
#kategorien #kundenbereich a:hover.logout {
	background-color: #c82a2d;
	color: #fff;
}


#kategorien #kundenbereich table tr td {
	text-align: center;
	vertical-align: top;
}

.welcome {
	padding-bottom: 10px;
	padding-right: 2px;
	text-align: right;
	font-size: 0.85em;
}

.login {
	font-size: 0.9em;
	text-align: right;
	float:right; }

/*  P R O D U K T  */
.produkt1 { margin-bottom: 25px; padding-bottom: 3px; width: 660px; }
.produkt2 {
	padding: 2px 5px 5px 5px;
	background-color: #8dc73f;
	-moz-border-radius-topright: 17px; /* runde Ecke geht nur in Firefox */
}
.produkt2 table { background-color: #fff;	}
.produkt2 table tr th img { margin: 10px; }
.eigenschaften {
	width: 100%;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-bottom: 5px;
}
.eigenschaften .titel {
	padding: 4px 5px 4px 0;
	background-color: #8dc73f;
	color: #fff;
	font-weight: bold;
}
.eigenschaften input { font-size: 0.9em; text-align: right; }
.eigenschaften p { padding: 0; margin: 0; }
.eigenschaften th, .eigenschaften td {
	padding: 2px 5px 2px 5px;
	font-weight: normal;
	font-size: 0.9em;
	text-align: right;
	vertical-align: middle;
}
.eigenschaften td { color: #999; }

.tr1 { background-color: rgb(230,230,230); vertical-align: middle;}
.tr0 { background-color: rgb(250,250,250); vertical-align: middle;}


.tab { font-size: 0.85em; margin-top: 2px; }
.tab a, .tab a:visited {
	text-decoration: none;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #8dc73f;
	background-color: #fff;
	padding: 2px 5px 2px 5px;
	margin: 0;
}
.tab a:hover, div.tab a.active, div.tab a:visited.active, div.tab .tabfirstelement a.active {
	background-color: #8dc73f;
	color: #fff;
}
.tabfirstelement { border-left: 1px solid; }


/*  W A R E N K O R B  */
#warenkorb {
	margin-right: 1px;
	border: 1px solid #8dc73f;
}
#warenkorb h2 {
	margin: 0;
	padding: 0;
	padding: 2px 2px 3px 5px;
	color: #fff;
	background-color: #8dc73f;
}
#warenkorb th, #warenkorb td {
	color: #999;
	padding: 2px 0 2px 5px;
}
#warenkorb span {
	font-size: 0.8em;
	color: #c82a2d;
}
#warenkorb table tr td table {
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	margin: 5px 0 10px 0;
}
#warenkorb table tr td table tr th {
	color: #000;
	text-align: ;
	font-weight: normal;
}

#warenkorb a {
	color: #006f3b;
	text-align: ;
	font-weight: normal;
}
#zurkasse {
	border-top: 1px dotted #ccc;

	padding: 10px 0 5px 10px;
}

#warenkorb button {
	color: #000;
	border-color: none;
	font-size: 1em;
	width: 140px;
	text-align: center;

}
/*  F O O T E R  */
#footer { color: #333; margin-bottom: 15px; }
#footer a, #footer a:visited { color: #333; }
.backtotop { padding: 2px 0 0 0; }

/* nur fuer die Bearbeitung */
#kommentare {
	border-top: 1px dotted #ccc;
	margin-top: 50px;
	color: #ccc;
}
#kommentare ul li {
	list-style-type: circle;
}


.warenkorb_headline {
	display: block;
	border: 1px solid #8dc73f;
	background-color: #e2f2ce;
	padding: 3px 2px 2px 5px;
	color: #8dc73f;
	font-weight: bold;
	text-decoration: none;
}

.warenkorb_headline2 {
	display: block;
	border: 1px solid #8dc73f;
	background-color: #ffffff;
	padding: 3px 2px 2px 5px;
	color: #8dc73f;
	font-weight: bold;
	text-decoration: none;
}

.warenkorb_headline3 {
	display: block;
	border: 1px solid #8dc73f;
	background-color: #ffffff;
	padding: 3px 2px 2px 5px;
	color: #8dc73f;
	font-weight: bold;
	text-decoration: none;
		text-align: right;

}
.warenkorb_aktualisieren {
	border: 1px solid #8dc73f;
	padding: 2px 5px 2px 5px;
	background-color: #ffffff;
	color: #8dc73f;
}

.warenkorb_total {
	padding: 4px 5px 4px 15px;
	background-color: #8dc73f;
	color: #fff;
	font-weight: bold;

}

.warenkorb_versandkosten {
	padding: 4px 5px 4px 15px;
	background-color: #aaaaaa;
	color: #fff;
	font-weight: bold;
}
.warenkorb_versandkosten2 {
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	padding: 3px 2px 2px 5px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
}