/* 
Innenabstand: padding
Außenabstand: margin

Zwei Werte
oben und unten, links und rechts
Drei Werte
oben, links und rechts, unten
Vier Werte
oben, rechts, unten, links

Palette: #333366, #666699, #777BB4, #9999CC, #F0F0F0, #333333, #CCCCCC,

*/
/* --------------Allgemien------------- */
* { 
	padding: 0;
	margin: 0;
}

body {
	background-color: #777BB4;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}

h1 { font-size: 16pt; margin: 4px; color: #666699; }
h2 { font-size: 13pt; font-weight: bold; color: #666699; margin: 6px 2px; }
h3	{font-size: 13pt; font-weight: normal; margin: 0px;}
h4	{font-size: 12px; font-weight: bold; margin-top: 8px; margin-bottom: 4px; padding: 0;}
h5	{font-size: 12px; font-weight: normal; margin: 6px 0 0 0; padding: 0;}
h6	{font-size: 10px; margin: 0; padding: 0;}

p 					{	font-size: 12px; margin: 6px 0; color: #000000;}
td					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
a:link			{ color: #666699; text-decoration:none;}
a:visited		{ color: #666699; text-decoration:none;}
a:active   	{ color: #666699; text-decoration:none;}
a:hover   	{ text-decoration:underline;}

h2 a:link, h3 a:link 				{ color: #666699; text-decoration:none;}
h2 a:visited, h3 a:visited	{ color: #666699; text-decoration:none;}
h2 a:active, h3 a:active   	{ color: #666699; text-decoration:none;}
h2 a:hover, h3 a:hover	   	{ text-decoration:underline;}

#page {
	text-align: left;
	width: 980px;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
	border-left: 6px solid #666699;
	border-right: 6px solid #666699;
	border-bottom: 6px solid #666699;
}

.navLayer {
	background:url("/Bilder/Menu/bg_phase_bottom.png") no-repeat scroll -9px bottom transparent;
	z-index:2;
	position:relative;
	padding-bottom:10px;
}

#head/* -------------- Kopf ------------- */
 {
	background-image: url(/Bilder/Menu/Top.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	height: 147px;
}
#logo {
	margin-left: 5px;
	width: 172px;
	height: 90px;
}
#navmeta {
	text-align: right;
	height: 15;
	margin-right: 85px;
	color: #999999;
	position: absolute;
	top: 0px;
	right: 0px;
}
#navmeta a { font-size: 10px; font-weight: normal; color: #999999; text-decoration: none; }
#navmeta a:hover { text-decoration: underline; color: 666699; }

/* --------------Nav1 navigavtion------------- */
/* oben, rechts, unten, links */
#nav1 {
	background-image:url(/Bilder/Menu/M1.jpg);
	background-repeat: repeat-x;
	height: 31px;
	text-align: left;
	color: #FFFFFF;
	position: absolute;
	top: 90px;
	left: 0px;
	width: 100%;
}
#nav1 p {
	font-size: 10px;
	color: #FFFFFF;
	margin: 3px 0 0 8px;
	padding: 0;
}
#nav1 ul#navlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav1 ul#navlist li {
	float: left;
	margin: 0;
}
#nav1 li#active a {
	font-size: 15px;
	color: #666699;
	background-color: #FFFFFF;
}
#navlist a {
	font-size: 15px;
	float: left;
	display: block;
	color: #FFFFFF;
	line-height: 30px;
	margin: 1px 0 0 0;
	padding: 0 14px 0 14px;
	text-decoration: none;
}
#navlist a:hover { 
	color: #666699;
	background-color: #FFFFFF;
}
/* --------------Nav2 navigavtion------------- */
/* oben, rechts, unten, links */
#nav2 {
	background-image:url(/Bilder/Menu/M2.jpg);
	background-repeat: repeat-x;
	background-position: 0 -1px;
	height: 26px;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 121px;
	width: 100%;
}
#nav2 #pfadnav {
	width: 400px;
	float: left;
	padding: 6px 0 5px 14px;
	font-size: 10px; 
	font-weight: normal; 
	color: #666666;
}
#nav2 #pfadnav a { font-size: 10px; font-weight: normal; color: #666666; text-decoration: none; }
#nav2 #pfadnav a:hover { text-decoration: underline; color: #333333; }

#nav2 #produktsuche {
	float: right;
	padding: 3px 3px 3px 0;
}
#nav2 #produktsuche label { 
	font-size: 16px;
	line-height: 16px;
	font-weight: bold; 
	color: #666666; 
	margin: 0; 
	padding: 0; 
	display: inline; 
	text-align: right; 
}
#nav2 #strgSuche {
	margin: 0 0 0 4px;
	padding: 0;
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
}
#nav2 #btnSuchen {
	margin: 0 0 0 4px;
	padding: 0;
	border: 1px solid #666699;
	background-image: url(/Bilder/Menu/M4.jpg);
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 70px;
}
#main {
		background-color: #ffffff;
}
#content {
	background-color: #ffffff;
	padding: 6px;
	margin: 0 170px;
	border-left: 1px solid #666699;
	border-right: 1px solid #666699;
	border-top: 1px solid #666699;
	min-height: 700px;
}
/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 170px;
	color: #ffffff;
	background-color: #ffffff;	
}
/* --------------right navigavtion------------- */
#right {
	float: right;
	width: 170px;
	color:#ffffff;
	border-left: 1px solid #666699;
	background-color: #ffffff;	
}
/* --------------footer navigavtion------------- */
#footer					{ background: #9999CC; text-align: left; width: 980px; margin: 0 auto; clear: both;}
#footer a 			{ font-weight: normal; color: #000000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer h6			{ font-size: 9px; font-weight: normal; margin: 0; padding: 4px 6px; }

.footer_box			{ text-align: left; width: 200px; margin: 10px 20px 0 10px; float: left; }
.footer_box h5	{ border-bottom: 1px solid #F0F0F0; color: #F0F0F0; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.footer_box h6	{ font-size: 9px; font-weight: normal; margin: 0; padding: 0; }

.footer_box ul	{ margin: 4px 0 4px 14px; padding: 0; list-style-type: square; }
.footer_box p		{ font-size: 11px; font-weight: normal; margin: 8px 0; padding: 0; }

div.clear 			{ clear: left; }

li a:link			{ color: #666666; text-decoration:none;}
li a:visited		{ color: #666666; text-decoration:none;}
li a:active   	{ color: #666666; text-decoration:none;}
li a:hover   	{ text-decoration:underline;}


label				{ font-weight: bold; font-size: 12px;}
fieldset 		{	border: 1px #666666 dashed; padding: 10px; }
input 			{ font-size: 12px; padding: 2px; width: 98%; border: 1px solid #666699; margin-bottom: 4px; }
input.Fehler, textarea.Fehler { background-color: #FFFF99; border: 1px solid #990000; }
select			{ font-size: 12px; padding: 2px; border: 1px solid #666699;  margin-bottom: 4px; }
textarea		{ font-size: 12px; padding: 2px; width: 98%;	border: 1px solid #666699;  margin-bottom: 4px; resize: none; }


hr {
	background-color: #666699;
	height: 2px;
	color: #666699;
	width: 100%;
}
form {
	padding: 0;
	margin: 0;
}

input#submit, input#reset {
	margin: 0;
	padding: 4px 10px;
	border: 1px solid #666699;
	background-image: url(/Bilder/Menu/M1.jpg);
	background-repeat: repeat-x;
	background-position: 0 -1px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 150px;
}
input#DelPro {
	margin: 0;
	border: none;
	height: auto;
	width: auto;
	
}

.FormError {
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	text-align: left;
	padding: 10px;
	padding-left: 40px;
	margin: 5px 0;
	background-image: url(/Bilder/Fehler.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
}



/* ------- Neu eingefügt ------ */

#pager {
	font-size: 10px;
	background-image: url(Bilder/Menu/M2.jpg);
	background-repeat: repeat-x;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	border-bottom: 	#CCCCCC 1px solid;
}
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	text-decoration: none; 
	color: #aaa;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #666699;
	color: #FFFFFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

.BoxMain {
	margin: 0;
	margin-top: 2px;
	padding: 4px;
	background-color: #FFFFFF;
	text-align: left;
}
.BoxMain a 					{ font-weight: normal; color: #000000; text-decoration: none; }
.BoxMain a:link			{ color: #000000; text-decoration:none;}
.BoxMain a:visited	{ color: #000000; text-decoration:none;}
.BoxMain a:active   { color: #000000; text-decoration:none;}
.BoxMain a:hover 		{ text-decoration: underline; }

.BoxMain a.ohne 		{ color: #666699; text-decoration: none; font-weight: bold; }
.BoxMain a.mit 		{ color: #666699; text-decoration: none; font-weight: bold; }
.BoxMain h4 a.ohne 	{ color: #000000; text-decoration: none; font-weight: bold; }

.Box {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
	color: #000000;
}
.Box th {
	color: #CC0000;
}
.Box h2 {
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 2px;
	margin: 0;
	text-align: left;
	background-image: url(/Bilder/Menu/M1.jpg);
	background-repeat: repeat-x;
}
.Box h2 a.ohne {
	color: #FFFFFF;
	text-decoration: none;
}
.Box h3 {  Produkt des Monats 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000;	
	margin: 2px 0;
	padding: 0 4px;
	text-align: center;
}
.Box h4 { /* Versandkosten */
	font-size: 11px; 
	font-weight: bold; 
	color: #000000;	
	margin: 2px 0;
	padding: 0 4px;
	text-align: left;
}
.Box h6 {
	padding: 0 4px;
	font-size: 10px; 
	font-weight: normal; 
	color: #000000;
}

.Box p {
	padding: 0 4px;
	font-size: 12px; 
	font-weight: normal; 
	color: #000000;
}
.Box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.Box li {
	font-size: 12px;
	padding: 4px 2px 4px 16px;
	background-image: url(/Bilder/36.gif);
	background-repeat: no-repeat;
	background-position: 0 2px; 
	border-top: dotted 1px #CCCCCC;
}
.Box li.Aktiv {
	font-weight: bold;
}
.Box li ul
{
	margin-top: 3px;
	margin-left: -12px;
	margin-bottom: -2px;
}
.Box li li {
	font-size: 11px;
	font-weight: normal;
	padding: 2px 2px 2px 14px;
	background-image: url(/Bilder/37.gif);
	background-repeat: no-repeat;
	background-position: 0;
	border-top: dotted 1px #CCCCCC;
}
.Box a:link				{ color:black; text-decoration:none;}
.Box a:visited		{ color:black; text-decoration:none;}
.Box a:active   	{ color:black; text-decoration:none;}
.Box a:hover	   	{ text-decoration:underline;}

.Box li li a:link				{ color: #666666; text-decoration:none;}
.Box li li a:visited		{ color: #666666; text-decoration:none;}
.Box li li a:active   	{ color: #666666; text-decoration:none;}
.Box li li a:hover	   	{ text-decoration:underline;}

#PageHeader {
	margin: 0 0;
	padding: 12px 6px;
	text-align: left;
}
#PageHeader h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #666699;
}
#PageHeader h2 {
	font-size: 11px;
	color: #333;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
}
#PageHeader ul {
	margin: 4px 0;
	padding: 0;
	width: 600px;
}
#PageHeader li {
	display: inline;
	padding-right: 4px;
	font-size: 11px;
}
#PageHeader a:link			{ color: #333333; text-decoration:none; white-space: nowrap; }
#PageHeader a:visited		{ color: #333333; text-decoration:none; white-space: nowrap; }
#PageHeader a:active   	{ color: #333333; text-decoration:none; white-space: nowrap; }
#PageHeader a:hover	   	{ text-decoration:underline; white-space: nowrap; }

ul {
	list-style: square;
	padding-left: 20px;
	margin: 10px 0;
}
/* Produktliste */
.boxProduktListeHeadline {
	text-align: center;
	margin-top: 2px;
	padding: 4px 0;
	border-top: #666699 2px solid;
}
.boxProduktListeHeadline h1 {
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	text-align: center;
	color: #666699;
}
.boxProduktListeHeadline h1.Bild {
	text-align: left;
}
.boxProduktListeHeadline p {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: center;
}
.boxProduktListeHeadline p.Bild {
	text-align: left;
}
#boxProduktKatBeschreibung {
	text-align: left;
	border: #999999 1px dashed;
	padding: 6px;
	margin: 8px 0;	
}
#boxProduktKatBeschreibung p {
	text-align: left;
	color: #666666;
	font-size: 12px;
}
#boxProduktKatBeschreibung a:link				{ color: #666666; text-decoration:none;}
#boxProduktKatBeschreibung a:visited		{ color: #666666; text-decoration:none;}
#boxProduktKatBeschreibung a:active   	{ color: #666666; text-decoration:none;}
#boxProduktKatBeschreibung a:hover	   	{ color: #666699; text-decoration:underline;}

.boxProduktListe {
	text-align: left;
	margin-top: 2px;
	padding: 16px 0;
	border-top: #666699 2px solid;
}
.boxProduktListe h1 {
	font-size: 16px;
	margin: 0;
	margin-bottom: 6px;
	font-weight: bolder;
	text-align: left;
	color: #666699;
}
.boxProduktListe p {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin-bottom: 5px;
}
.boxProduktListe a:link {
	color: #666699;
	font-weight: bold;
	text-decoration: none;
}
.boxProduktListe a:active {
	color: #666699;
	font-weight: bold;
	text-decoration: none;
}
.boxProduktListe a:hover {
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
}
.boxProduktListe a:visited {
	color: #666699;
	font-weight: bold;
	text-decoration: none;
}
/* -----------------Box Bestellen--------------------- */
.boxBestellen {
	border: #999999 1px dashed;
	padding: 4px;
	margin: 0 0 8px 0;
}
.boxBestellen h1, .boxProdukt .boxBestellen h1 {
	color: #000000;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 2px 0;
	text-align: left;
}
.boxBestellen h2, .boxProdukt .boxBestellen h2 {
	color: #6666CC;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	text-align: left;
}
.boxBestellen h3, .boxProdukt .boxBestellen h3 {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	margin: 6px 0 0 0;
	text-align: left;
}
.boxBestellen h4, .boxProdukt .boxBestellen h4 {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	text-align: left;
}
.boxBestellen #Menge  {
	margin: 0;
	padding: 2px 0;
	border: 1px solid #666699;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.boxBestellen #submit {
	margin: 0;
	padding: 2px 0;
	width: 85px;
	border: 1px solid #666699;
	background-image: url(/Bilder/Menu/M1.jpg);
	background-repeat: repeat-x;
	background-position: 0 -1px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* -----------------Box Produkt--------------------- */
.boxProdukt {
	text-align:  left;
}
.boxProdukt h1 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #666699;
}
.boxProdukt h2 {
	font-size: 16px;
	margin: 8px 0;
	padding: 0;
	color: #666666;
	text-align: left;
}
.boxProdukt h3 {
	font-size: 12px;
	margin: 10px 4px 8px 4px;
	padding: 0;
	color: #666699;
	font-weight: bold;
	text-align: left;
}
.boxProdukt h4 {
	font-size: 12px;
	margin: 8px 0;
	padding: 0;
	color: #666666;
	font-weight: normal;
	text-align: left;	
}
.boxProdukt p {
	margin: 4px 4px 15px 4px;
	padding: 0;
	text-align: left;	
}
#Warenkorb {
	text-align: center;
}
#Warenkorb_Summe {
	margin: 0;
	padding: 2px 0;
	border-top: 2px solid #666699;
	border-bottom: 2px solid #666699;
}
#Warenkorb_Summe p {
	font-weight: bold;
	text-align: right;
}
#Warenkorb h4 {
	text-align: center;
	color: #990000;
	font-size: 14px;
	margin: 10px 0;
}
#Warenkorb th {
	font-weight: bold;
	background-color: #9999CC;
	color: #FFFFFF;
	font-size: 12px;
	padding: 6px 2px;
}
#Warenkorb td {
	font-weight: normal;
	font-size: 12px;
	padding: 2px;
}
.boxTopAngebote {
	text-align: left;
}
.boxTopAngebote h2 {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #666699;
}
.boxTopAngebote h3 {
	text-align: center;
	font-size: 10px;
	margin: 2px 0;
	font-weight: bold;
	color: #333333;
}
.boxTopAngebote h4 {
	text-align: center;
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	color: #666699;
}
/*.boxTopAngebote h4 {
	text-align: center;
	font-size: 12px;
	margin: 0;
	font-weight: normal;
	color: #6666CC;
}*/
.boxTopAngebote td {
	border: #999999 1px dashed;
	padding: 2px;
	font-size: 10px;
}
#navmeta ul { 
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#navmeta li { 
	display: inline; 
}

#Produktindex h1 {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}

a.ohne {
	color: #666699;
	text-decoration: none;
}
a.mit {
	color: #666699;
	text-decoration: underline;
}
a.mit_blk {
	color: #000000;
	text-decoration: underline;
}