body {
	background:khaki;
  font-family:arial;
}

img {
  border:none;
}

#menu {
  width: 20%;
  float:left;
  background-color: darkgreen;
}

#menu ul {
	 background-color:darkkhaki;
   list-style:none;
   padding: 0;
   margin: 0;
}

#menu li {
  
  border-top: 1px solid white;
}

#menu li a{
	color:darkgreen;  
  display:block;
  padding: 2 0 2 8; 
}
                                        
#menu li a:hover{
	background-color:cornsilk;
}

a {
  text-decoration: none;
}

#main {
  width: 85%;
  border: 1px solid black;
  padding: 10;  
}

#menu h3 {
  padding:0 0 0 5;
  margin: 0;
  color:white;
  text-align:center;
}

#top {
  background-color:darkgreen;
  height:15%;
  padding-top:1%;
}

.logo {
  font-size:40px;
  color: beige;
  font-weight:bold;
  padding-left: 2%;
  padding-top: 5%;
}

.logo2 {
  color:white;
  font-size:20px;
  font-weight:bold;
  padding-left:0.5%;
}

#topmenu {
	background-color: black;
  margin-left: 2%;
	width:76%;
  padding-left:3px;
}

#topmenu a {
	color:lightgreen;
}

#topmenu a:hover {
  text-decoration:underline;
}

#topmenu2 {
	background-color:orange;
	margin-top: 2px;
	margin-left:2%;
	width:80%;
	color:white;
	padding-left:3px;
}

#topmenu2 a:hover {
	color:white;
}

.toplink {
  margin-left:5%;
}

.info {
  position: absolute;
  left: 78%;
  top: 3%;
  width: 20%;
  border: 1px solid black;
  background-color:cornsilk;
  color:black;
  font-size:12px;
  font-weight:bold;
  padding:0.3%;
}

.address {
  background-color: black;
  color:white;
}

.address a:link {
  color:white;
}

#artikel {
  border: 1px solid black;
	background-color:darkgreen;
  width:60%;
  margin: 5% 0% 5% 30%;
	padding: 5 0 5 10;
	color:lightgreen;
}

#artikel a {
	color:white;
}

#artikel img {
  padding:10;
}

.mindest {
  background-color:black;
  color:white;
  padding: 0 100 0 100;
}

.fehler {
  background-color:orange;
  margin-top:20%;
  margin-left:30%;
  width:60%;
}

.fehler h2 {
  color:black;
}

#warenkorb {
  border:1px solid black;
  margin-right:10%;
	background-color:darkgreen;
	width:55%;
	color:lightgreen;
}

#warenkorb a {
	color:white;
}

.order {
  border:1px solid red;
  background-color:#DFF0FF;
  width:30%;
  margin-left:25%;
  padding:10;
}

.order input {
  margin:5 0 5 0;
}

.order2 {
  position:absolute;
  border:1px solid red;
  background-color:#DFF0FF;
  width:30%;
  padding:10;
  left:60%;
  top:30%;
}

.melde {
  border:1px solid red;
  margin:10% 0 0 30%;
  background-color:orange;
  padding:10;
  width:40%;
}

.login {
  margin-left:10px;
  color:#ADD8E6;
}

.button {
  width:210px;
  height: 50px;
  background-color:#DFF0FF;
  font-size:20;
  margin:0;
  padding:0;
}

.button:hover {
  background-color:red;
}

div#fehler {
  background-color:#DFF0FF;
  color:red;
  border:1px solid red;
  position:absolute;
  left:30%;
  margin-top:4%;
}

div#fehler ul {
  padding:25;
  margin:0;
}

div#order2 {
  margin-right: 5%;
}

#login a:hover{
  background-color:#537780;
}

.kunde {
  width:50%;
  margin-left:40%;
  background-color:orange;
  padding: 5px;
}

.newsletter {
  margin-left:23%;
}

#linkerstreifen { 
  position:absolute; 
  left:22%; 
  top:20%; 
  width:17%; 
  color:white; 
  font-family:arial; 
  text-align:justify;
  font-size:8pt; 
  visibility:visible;
}

#rechterstreifen { 
  position:absolute; 
  right:1%; 
  top:20%; 
  width:17%; 
  color:white; 
  font-family:arial; 
  text-align:justify;
  font-size:8pt; 
}

#promotion1 { 
  color:white; 
  font-family:arial; 
  text-align:justify; 
  padding:8px; 
  background:darkblue; 
  border:3px solid black;
  font-size:8pt; 
  visibility:visible;
}

#promotion2 { 
  background:darkblue; 
  font-family:arial; 
  text-align:justify; 
  padding:8px; 
  color:white; 
  border-width:3px; 
  border-color:black; 
  border-style:solid;
  font-size:8pt;
}

#mitte { 
  margin-left:41%; 
  width:40%;
}

.artikelstart { 
  background-color:darkblue; 
  color:white; 
  text-align:justify; 
  padding:12px; 
  font-family:arial;
  font-size:9pt; 
}

.welcome {
  margin-left:10%;
}

.seite {
  margin-left:1%;
  margin-right:1%;
  background-color:yellow;
  border:2px solid black;
}

.seite a:hover {
  background-color:lime;
  border-width:2px; 
  border-color:lime; 
  border-style:solid;
}

em {
color:black;
}

.infobox1 { background:black; font-family: arial; text-align:justify; padding:10px; color:white;
width:25%; font-size:8pt; border-style:solid; border-width:5px; border-color:darkblue; float:left; }

.infobox2 { background:silver; font-family: arial; text-align:center; padding:5px; color:black;
width:100%; font-size:10pt; border-style:solid; border-width:5px; border-color:lightblue; }

.infobox3 { background:lightblue; font-family: arial; text-align:justify; padding:10px; color:darkblue;
width:100%; font-size:8pt; border-style:solid; border-width:5px; border-color:black; float:left; }

.sortieren {
  margin-left:70%
}

.startseitelinkerstreifen { position:absolute; width:220px; left:22%; }

.startseiterechterstreifen { position:absolute; width:200px; padding:5px; right:2%; top:20%; }

.startseiteinfo { background-color:darkgreen; color:lightgreen; font-size:12px; padding:2px; border:2px solid black; }

.startseiteinfo a { color:white; }

.startseiteinfo h3, h2 { padding 0; margin:0 }