body {
 margin:0;
 padding:0;
 font:normal normal 1em arial,sans-serif;
}
.del {
 clear:both;
}
hr {
 border-top:1px solid #ccc;
 background:#ccc;
 color:#fff;
 height:1px;
 margin:4px 0 4px 0;
}
a {
 color:#00f;
 background:none;
}
a:hover {
 color:#fff;
 background:#000;
}
a:focus {
 color:#fff;
 background:#000;
}
a:active {
 color:#fff;
 background:#000;
}
form {
 padding:0;
 margin:0;
}
fieldset {
 width:80%;
 border:1px solid #ccc;
}
legend {
 color:#00f;
 background:none;
 font-style:italic;
}

fieldset.login {
 border:1px solid #ccc;
 padding:2px;
 font-size:.9em;
 width:94%;
}
 	fieldset.login input.field {
          width:90%;
          font-size:.8em;
         }
.form-left {
 float:left;
 width:25%;
 margin-bottom:5px;
}
.form-right {
 float:right;
 width:70%;
 margin-bottom:5px;
}
	.form-right input.field {
          width:100%;
          border:1px solid #ccc;
         }
         .form-right input:hover.field {
          width:100%;
          border:1px solid #ccc;
          color:#000;
          background:#eee;
         }
	.form-right textarea {
          width:100%;
          height:150px;
          border:1px solid #ccc;
         }
         .form-right textarea:hover {
          width:100%;
          height:150px;
          border:1px solid #ccc;
          color:#000;
          background:#eee;
         }
input.order {
 width:40px;
 border:1px solid #555;
 text-align:right;
 color:#000;
 background:#fff;
 font-weight:bold;
 padding:2px;
}
input:hover.order {
 width:40px;
 border:1px solid #ccc;
 text-align:right;
 color:#000;
 background:#fefefe;
}
input.order1 {
 color:#fff;
 background:#000 url(../sitepics/topback.gif) repeat-x left 5%;
 border:none;
 font-weight:bold;
}
input.all {
 width:30px;
 font-size:.9em;
 text-align:right;
 font-weight:bold;
}
input.delete {
 font-size:.9em;
}
table {
 width:100%;
 border-collapse:collapse;
 border:1px solid #000;
 margin-bottom:5px;
}
td.top1 {
 vertical-align:top;
 font-size:.9em;
 background:#000 url(../sitepics/topback.gif) repeat-x left 5%;
 color:#fff;
 font-weight:bold;
 padding:2px;
 margin-bottom:5px;
 width:30%;
}
td.top2 {
 vertical-align:top;
 font-size:.9em;
 background:#000 url(../sitepics/topback.gif) repeat-x left 5%;
 color:#fff;
 font-weight:bold;
 padding:2px;
 margin-bottom:5px;
 width:10%;
}
td.top3 {
 vertical-align:top;
 font-size:.9em;
 background:#000 url(../sitepics/topback.gif) repeat-x left 5%;
 color:#fff;
 font-weight:bold;
 padding:2px;
 margin-bottom:5px;
 width:10%;
 text-align:right;
}
td.top4 {
 vertical-align:top;
 font-size:.9em;
 font-style:italic;
 background:#000 url(../sitepics/topback.gif) repeat-x left 5%;
 color:#fff;
 font-weight:bold;
 padding:2px;
 margin-bottom:5px;
 width:10%;
 text-align:right;
}
td.top5 {
 vertical-align:top;
 font-size:.9em;
 font-style:italic;
 background:#fff;
 color:#000;
 font-weight:bold;
 padding:2px;
 margin-bottom:5px;
 width:10%;
 text-align:right;
}
td {
 vertical-align:top;
 font-size:.75em;
 padding:2px;
 border-bottom:1px solid #ccc;
}
td.right {
 vertical-align:top;
 font-size:.75em;
 padding:2px;
 border-bottom:1px solid #ccc;
 text-align:right;
}
#main h2 {
 margin:0 0 5px 0;
 padding:4px;
 color:#fff;
 background:url(../sitepics/topback.gif) repeat-x left 4%;
 font:normal bold 1em arial,sans-serif;
}
#main h3 {
 margin:0;
 padding:2px;
 color:#000;
 background:#fff;
 font:normal bold 1.0em arial,sans-serif;
}
#main h3.shop {
 margin:0;
 padding:2px;
 color:#000;
 background:#dedef7;
 font:italic bold 1.2em arial,sans-serif;
 border:1px solid #00f;
 text-align:center;
}
p.hinweis {
 font:italic normal .8em arial,sans-serif;
 margin:0;
}
#top {
 width:100%;
 height:7em;
 background:url(../sitepics/topback.gif) repeat-x left top;
}
#logo {
 float:left;
 height:95%;
 width:44%;
 padding:5px 0 0 5px;
 font:normal normal .8em arial,sans-serif;
 color:#fff;
 background:none;
}
	#logo img {
          float:left;
          border:none;
          width:140px;
          height:99px;
          margin:0 20px 0 0;
         }
         #logo a {
          color:#fff;
          background:none;
         }
         #logo a:hover {
          color:#000;
          background:#fff;
         }
         #logo a:active {
          color:#000;
          background:#fff;
         }
         #logo a:focus {
          color:#000;
          background:#fff;
         }
#top-right {
 float:right;
 height:5em;
 background:none;
 color:#fff;
}
	#top-right h1 {
          margin:.2em 1em 0 0;
          padding:0;
          font:normal bold 16pt arial,sans-serif;
         }
#toplinks {
 float:right;
 clear:right;
 width:55%;
}
	#toplinks ul {
          float:right;
          margin:0;
          padding:0;
          list-style-type:none;
          margin:0 .4em 0 0;
         }
         #toplinks li {
          float:left;
          height:1.8em;
          margin:0 0 0 .2em;
         }
         	#toplinks li a {
                  display:block;
                  padding:.6em;
                  font:normal normal .8em arial,snas-serif;
                  background:#74B7FB;
                  color:#000;
                  text-decoration:none;
                 }
         	#toplinks li a:hover {
                  display:block;
                  padding:.6em;
                  font:normal normal .8em arial,snas-serif;
                  background:#2E01A6;
                  color:#fff;
                  text-decoration:none;
                 }
         	#toplinks li a:active {
                  display:block;
                  padding:.6em;
                  font:normal normal .8em arial,snas-serif;
                  background:#fff;
                  color:#000;
                  text-decoration:none;
                 }
         	#toplinks li a:focus {
                  display:block;
                  padding:.6em;
                  font:normal normal .8em arial,snas-serif;
                  background:#fff;
                  color:#000;
                  text-decoration:none;
                 }
         	#toplinks li.current {
                  display:block;
                  padding:.6em .6em .1em .6em;
                  font:normal normal .8em arial,snas-serif;
                  background:#000;
                  color:#fff;
                  text-decoration:none;
                 }
#top2 {
 float:left;
 width:100%;
 height:1em;
 background:#000;
 color:#fff;
}
#top3 {
 float:left;
 width:40%;
 height:2.9em;
 background:#000 url(../sitepics/blackcorner.gif) no-repeat right bottom;
 color:#fff;
 padding:0 0 0 1%;
 font:normal normal .8em arial,sans-serif;
}
	#top3 img {
          float:left;
          border:none;
          margin:0 10px 0 0;
         }
         #top3 a {
          color:#fff;
          background:none;
          text-decoration:none;
         }
         #top3 a:hover {
          color:#000;
          background:#fff;
          text-decoration:none;
         }
         #top3 a:focus {
          color:#000;
          background:#fff;
          text-decoration:none;
         }
         #top3 a:active {
          color:#000;
          background:#fff;
          text-decoration:none;
         }
#top-search {
 float:right;
 width:59%;
 height:1.8em;
 color:#000;
 text-align:center;
 padding:.2em 0 0 0;
 border-bottom:1px solid #000;
 font-size:.8em;
}
	#top-search input.field {
          width:60%;
          border:1px solid #000;
          color:#000;
          background:#eee;
         }
	#top-search input:hover.field {
          width:60%;
          border:1px solid #000;
          color:#000;
          background:#fff;
         }
#content {
 float:left;
 width:100%;
 background:#abc;
 margin:0;
 background:#000 url(../sitepics/background.gif) repeat-y 7% top;
}
	#left {
          float:left;
          width:20%;
          font:normal normal .8em arial,sans-serif;
          background:none;
          color:#fff;
          margin:0 0 0 .3%;
         }
         	.inner-left {
                  float:left;
                  width:90%;
                  padding:2px;
                  background:#fff;
                  color:#000;
                  border-top:4px solid #000;
                 }
                 	.inner-left ul {
                 	 margin:0;
                 	 padding:0;
                 	 list-style-type:none;
                 	}
                         .inner-left li {
                          width:99%;
                          background:#fff;
                          color:#000;
                         }
                         .inner-left li a {
                          display:block;
                          padding:3px;
                          width:97%;
                          color:#000;
                          background:#fff url(../sitepics/buttonback1.gif) repeat-x left top;
                          border:1px solid #000;
                          text-decoration:none;
                         }
                         .inner-left li a:hover {
                          display:block;
                          padding:3px;
                          width:97%;
                          color:#fff;
                          background:#000 url(../sitepics/buttonback2.gif) repeat-x left top;
                          border:1px solid #000;
                         }
                         .inner-left li a:focus {
                          display:block;
                          padding:3px;
                          width:97%;
                          color:#fff;
                          background:#000 url(../sitepics/buttonback2.gif) repeat-x left top;
                          border:1px solid #000;
                         }
                         .inner-left li a:active {
                          display:block;
                          padding:3px;
                          width:97%;
                          color:#fff;
                          background:#000 url(../sitepics/buttonback2.gif) repeat-x left top;
                          border:1px solid #000;
                         }
                         .inner-left li.current {
                          padding:3px;
                          width:97%;
                          color:#000;
                          background:#fff url(../sitepics/buttonback3.gif) repeat-x left bottom;
                          border:1px solid #000;
                         }
                         .inner-left li a.ugroup {
                          display:block;
                          padding:3px 3px 3px 4%;
                          width:94.5%;
                          color:#000;
                          background:#fff url(../sitepics/buttonback1.gif) repeat-x left top;
                          border:1px solid #000;
                          text-decoration:none;
                          font:italic normal .9em arial,sans-serif;
                         }
                         .inner-left li a.ugroup:hover {
                          display:block;
                          padding:3px 3px 3px 4%;
                          width:94.5%;
                          color:#fff;
                          background:#000 url(../sitepics/buttonback2.gif) repeat-x left top;
                          border:1px solid #000;
                          font:italic normal .9em arial,sans-serif;
                         }
         	.inner-left1 {
                  float:left;
                  width:98%;
                  padding:1%;
                  margin:10px 0 0 0;
                  background:#fff;
                  color:#000;
                  border-top:1px solid #000;
                  font-size:.8em;
                 }                         
         	.inner-left-count {
                  float:left;
                  width:90%;
                  padding:2px;
                  background:#fff;
                  color:#000;
                  border-top:4px solid #000;
                  font-size:.9em;
                 }
         #main {
          float:left;
          width:58%;
          font:normal normal .8em arial,sans-serif;
          margin:15px 0 0 3%;
         }
         	.inner-main {
                  float:left;
                  background:#fff;
                  color:#000;
                  margin-bottom:10px;
                  width:100%;
                 }
                 	.article {
                          float:left;
                          width:100%;
                          border:1px solid #ccc;
                          margin-bottom:5px;
                          color:#000;
                          background:#fff url(../sitepics/pix.gif) repeat-y 120px top;
                         }
                         	.article-pic {
                                  float:left;
                                  width:100px;
                                  padding:4px;
                                  background:#fff;
                                  color:#000;
                                  font-size:.8em;
                                 }
                                 	.article-pic img {
                                          float:left;
                                          border:none;
                                          width:95px;
                                          margin-bottom:10px;
                                         }
                                         span.click {
                                          font-weight:bold;
                                          color:#f00;
                                         }
                                         span.price {
                                          font:italic bold 1.2em verdana,arial,sans-serif;
                                          color:#00f;
                                         }
                                 .article-right {
                                  float:right;
                                  width:70%;
                                  padding:4px;
                                  font-size:.9em;
                                 }
                         .complete {
                          width:94%;
                          padding:3%;
                          border:1px solid #ccc;
                          margin:0 0 10px 0;
                         }
                         	.complete-top {
                                  width:100%;
                                  text-align:center;
                                  border-bottom:1px solid #ccc;
                                  margin-bottom:10px;
                                 }
                 	#fehler {
                          width:79%;
                          border:1px solid #00f;
                          padding:2%;
                          margin-bottom:10px;
                          color:#000;
                          background:#eee;
                         }
                 	#kauf {
                          width:100%;
                          border:1px solid #00f;
                          padding:2% 0 2% 0;
                          margin-bottom:10px;
                          color:#000;
                          background:#eee;
                          text-align:center;
                         }
         #right {
          float:right;
          width:14%;
          margin:10px 1% 0 1%;
          font-size:.7em;
          text-align:justify;
          border-left:1px solid #ccc;
          padding:0 0 0 1%;
         }
         	#right img.rechts {
                  border:1px solid #000;
                  margin-bottom:8px;
                 }
                 #right a:hover {
                  color:#000;
                  background:#fff;
                 }
                 #right p {
                  padding:0;
                  margin:0 0 12px 0;
                 }
#bottom {
 width:100%;
 margin:0 0 0 0;
 padding:10px 0 10px 0;
 text-align:center;
 color:#fff;
 background:#000;
 font-size:.8em;
 border-top:1px solid #fff;
}
	#bottom a {
          color:#fff;
          background:#000;
         }
         #bottom a:hover {
          color:#000;
          background:#fff;
         }
         #bottom a:focus {
          color:#000;
          background:#fff;
         }
         #bottom a:active {
          color:#000;
          background:#fff;
         }