body {
	   background: url(../Bilder/navigation.jpg) no-repeat;
	   background-color: #ffe3bb;
	   margin:	0;
	   padding: 0;
	   border:	0;
	   font-family: sans-serif;
}

img, h1 {	
		margin: 0;
		border: 0;
		padding: 0;
}

h1 {
		color: #520;
		font-size: 1.7em;
}	

h2 {
		font-size: 1.1em;
		color: #520;
		margin: 2em 0 1.5em 0;
		border-bottom: 3px solid #f7dbb3;
		padding: 0;
}

/*a:link img, a:visited img, a:hover img, a:active img {
/* Eigentlich müsste 'a img' reichen, jedoch gibt es dann Darstellungsfehler im Opera

		border: none;
}*/

#navigation {
		position: absolute;
		top: 0;
		left: 0;
		width: 220px;
		height: 100%;
		/*background: url(../Bilder/navigation.jpg) no-repeat;
		wird im IE nicht angezeigt wegen leerem <div> -> in den body*/
		background-repeat: no-repeat;
		margin: 0;
}  

#navipunkte {
		position: absolute;
		top: 70px;
		left: 87px;
		margin: 0;
}


#navipunkte p {
		margin: 15px 0 0 0;
}

/*border: 1px solid #fffff3;  /*Workaround für Mozilla */

#inhalt {
		position: absolute;
		top: 30px; 
		left: 230px;
		width: 70%;
		min-width: 540px;
		max-width: 1000px;
		margin: 0;
		padding: 0;
		border: 0;
}

#inhalthome {
/*Inhalt auf Startseite mit fester Breite*/
		width: 520px;
}

#kategorie {
		margin: 0 0 0 20px;
		font-size: 1.1em;
		margin-top: 0;
}


.aktive_kat{
		margin-right: 20px;
		color: #520;
}

#kategorie a {
		margin-right: 20px;
		color: #c49c6c;
		text-decoration: none;
}

#kategorie a:hover {
		background-color: #f7dbb3;
}		

.artikelbox {
		/*position: relative;*/
		margin: 0;
		clear: right;
/*		color: #520;*/
}

.artikellinks{
		margin: 0;
		padding: 0;
		border: 0;
		width: 48%;		
}

.artikelrechts{
		/*position: absolute;*/
		position: relative;
		top: 0;
		float: right;
		margin: 0;
		width: 48%;
}

.artikelbox p {
		margin: 0 0 2em 0;
		padding: 5px;
		border: double 3px #f7dbb3;
}

.artnr {
		color: #520;
		background-color: #f7dbb3; 
		font-family: courier, fixed, monospace;
}

#produktbox {
		position: relative;
		margin: 0;
/*		background-color: #ffe9ca;*/
}

#produktbox table {
		border-top: 2px solid #630;
		border-bottom: 2px solid #630;
		background-color: #ffe9ca;
		font-size: 1em;
}

#produktbox table  tr{
		border-bottom: 1px solid #630;
}

table {
		border-top: 2px solid #630;
		border-bottom: 2px solid #630;
		font-size: 0.9em;
}

table td {
		vertical-align: top;		 
}

table th {
		text-align: left;
		border-left: 0; /*2px solid #f7dbb3; */
		border-right: 0; /*2px solid #f7dbb3; */
}

table tr {
		/*border-top: 3px solid #f7dbb3;*/
		border-bottom: 3px solid #f7dbb3;
}

a:link { 
		color: #630; 
}

a:hover {
		color: black;
		text-decoration: none;
}

a:visited {
		color: black;
}

#shopnavigation {
		position: absolute;
		top: 50px;
		left: 40px;
		width: 165px;
		margin: 0;
		padding: 0;
}

#shopnavigation ul {
		margin: 0;
		padding: 0;
}

#shopnavigation ul li{
		font-size: 0.9em;
		list-style-type: none;
		margin: 0 0 10px 0;
		padding: 0;
}

#shopnavigation a:link {
		text-decoration: none;
}

#shopnavigation a:visited {
		text-decoration: none;
		color: #630;
}

#shopnavigation a:hover {
		text-decoration: underline;
		color: black;
}
	

.aktiv {
		color: black;
		text-decoration: underline;
}



#shopnavigation ul li ul li{
		font-size: 0.9em;
		padding: 0 0 0 10px;
		margin: 3px 0 0 10px;	
}

.shopheader {
		border: 0;
		width: 100%;
		padding-bottom: 20px;
}

#linkmenu {
		border-bottom: 0;
}

.aufgeklappt {
		list-style-image:url(../Bilder/minus.gif);
		margin: 3px 0 0 10px;
		padding: 0;
}

.nicht_geoeffnet {
		list-style-image:url(../Bilder/plus.gif);
		margin: 3px 0 0 10px;
		padding: 0;
}

.zugeklappt {
		list-style-image:url(../Bilder/plus.gif);
		margin: 3px 0 0 10px;
		padding: 0;
}

.artikel {
		list-style-type: none;
		list-style-image: none;

}