BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #7b7b7b;
		text-align:center;
	margin: 20px 0px 0px 0px;    
}

TABLE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #7b7b7b;
}

IMG {
  border:0;
  margin-right:3px;
}

#center {
    margin: 0 auto;
    text-align: left;
    width:980px;
}

#center-top {
  background-image:URL('images/center-top-background.jpg');
  width:980px;
  height:50px;
  position:relative;
}

#center-middle {
  background-image:URL('images/center-middle-background.jpg');
  width:980px;
  position:relative;
  background-repeat:repeat-y;  
}

#artikel {
  position:relative;
  left:15px;
  width:710px;
  top:15px;
  float:left;
}

#rechte-boxen{
  position:relative;
  width:240px;
  height:420px;
  float:right;
  top:20px;
  left:-30px;
}

#biet-box-top {
  position:relative;
  left:20px;
  width:240px;
  top:20px;
}

#biet-box-bottom {
  position:relative;
  left:20px;
  width:240px;
  height:130px;
  top:20px;
}

#biet-box-top table{
  position:relative;
  background-image:URL('images/bietbox-top.jpg');      
  width:240px;
  height:36px;
  font-weight:bold;
  border:0;
  color:#ffffff;
}

#biet-box-top .left{
  width:180px;   
}

#biet-box-top .right{
  width:60px;
  text-align:right;
  padding-right:5px;
}

#biet-box-bottom .left{
  width:145px;
}

#biet-box-bottom .right{
  width:95px;
  text-align:right;
  padding-right:5px;
}

#biet-box-bottom table{
  position:relative;
  /*background-image:URL('images/bietbox-bottom.jpg');   */
  background-color:#ffff55;
  width:240px;
  height:130px;
  font-weight:bold;
  border:0;
  color:#7b7b7b;
  color:#000000;
}

#robot-box{
  position:relative;
  top:30px;
  left:20px;
  width: 240px;
  height:200px;
  color:#000000;
  text-align:center;
}

#center-bottom {
  position:relative;
  background-image:URL('images/center-bottom-background.jpg');
  background-repeat:no-repeat;
  width:980px;
  height:76px;    
  text-align:center;
  color:#7b7b7b;
}

.artikelbild {
    float:left;
    border:0;
}

h1 {
  display:inline;
}

#center-middle-left h1 {
  display:block;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #7b7b7b;
	display:inline;
	position:relative;
	top:10px;
}

#center-middle-left h2 {
  display:block;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.heads_blk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.heads {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	position:relative;
}

.heads-pn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	position:relative;
	left:130px;
	top:10px;
}

.bread {
	font-size: 10px;
	position:relative;
	left:115px;
	top:-10px;
}

.norm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #7b7b7b;
	width:980px;
}

.norm_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: none;
	color: #7b7b7b;
}

a.norm:link, a.norm:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: none;
 color: #000000;
 text-decoration: none;
}

a.norm:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: none;
 color: #000000;
 text-decoration: underline;
}

a:link, a:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: none;
 color: #000000;
 text-decoration: none;
}

a:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: none;
 color: #0000FF;
 text-decoration: underline;
}

.tableborder1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: none;
	color: #000000;
}

.rahmen {
	border: 1px solid;
	border-color:#cccccc;
}

.norm_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7b7b7b;
}

.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: none;
	color: #000000;
	line-height: 1.5;
}

a.nav:link, a.nav:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight: none;
 color: #000000;
 line-height: 1.5;
 text-decoration: none;
}

a.nav:hover {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight: none;
 color: #0000FF;
 line-height: 1.5;
 text-decoration: underline;
}

.bid_window {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: none;
 color: #000000;
 background-color:#CCCCCC;
 line-height: 1.5;
 text-decoration: none;
}

.haupttabelle {
	width:980px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.haupt {
    margin: 0 auto;
    text-align: left;
    width:980px;
    height:72px;
}

.logo {
  float:right;
  position:relative;
  left:10px;
  top: 2px;
}

.logo img{
  width:417px;
}

.suche-und-navi {
  top:2px;
  width:320px;
  height:64px;
  float: right;
  position:relative;
  background-image: url(images/kopf-hintergrund.jpg);
  margin-right:5px;
}

.suche {
  position: absolute;
  top:4px;
  left:17px;
}

.navi-top {
  position: absolute;
  top: 40px;
  left: 17px;
}

.footer {
    margin: 0 auto;
    width:980px;
    height:76px;
    text-align:center;
    background-image: url(images/footer-bg.jpg);
}

.clr {
  clear:both;
  height:10px;
}

a.active {
 text-decoration: underline;
 color: #0000ff;
}

#center-middle {
  position:relative;
}

#center-middle-left {
  position:relative;
  float:left;
  width:500px;
  padding: 20px;
}

#center-middle-right {
  top:20px;
  position:relative;
  left: 20px;
  float:left;
  width:400px;   
}

.artikel {
  position:relative;
  width:200px;
  height:200px;
  float:left;
}

.ub {  
  visibility:hidden;
} 

.bread a,.bread a:hover,.bread a:visited,.bread a:active{
	font-size:10px;
	color:#000000;
}

.preissonne {
  position:absolute;
  left:-40px;
  width:150px;
  height:150px;  
  top:-140px;
  background-image:URL('images/preissonne.png');
  background-repeat:no-repeat;
  text-align:center;
  padding-top:50px;
  font-size:36px;
  font-weight:bold;
  color:#000000;
  line-height:30px;
}

.sonnenpreis {
  position:relative;
  top:-12px;
}

a.preissonne-klein,a.preissonne-klein:hover,a.preissonne-klein:visited,a.preissonne-klein:active {
  position:relative;
  width:75px;
  height:75px; 
  background-image:URL('images/preissonne-klein.png');
  background-repeat:no-repeat;
  text-align:center;
  padding-top:18px;
  font-weight:bold;
  color:#000000;
  font-size:17px;
  line-height:20px;
  display:block;
  margin-bottom:0px;
}

.preissonne-klein-liste {
  position:relative;
  width:75px;
  height:75px; 
  background-image:URL('images/preissonne-klein.png');
  background-repeat:no-repeat;
  text-align:center;
  font-weight:bold;
  color:#000000;
  font-size:17px;
  line-height:20px;
}

.sonnenpreis-klein {
  position:relative;
  top:-1px;
}

.sonnenpreis-klein-liste {
  position:relative;
  top:12px;
}

#left-top {
  font-weight:bold;
  color:#000000;
  font-size: 16px;
  float:left;
  width:360px;
}

#left-top ul {
  list-style-type:none;
  font-weight:bold;
  color:#000000;
  font-size: 16px;
}

#right-top {
    width:360px;
  float:left;
  font-weight:bold;
  color:#000000;
  font-size: 16px;
}

#right-top ol {
  list-style-type:none;
  font-weight:bold;
  color:#000000;
  font-size: 16px;
}
#center-hoehe {
  position: relative;
  height: 300px;
  width: 1px;
  float:left;
}

#gtext{
  background-image:URL('images/center-middle-background.jpg');
  background-repeat: repeat-y;
  width: 980px;
  margin: 0 auto;
  padding: 10px;
}

#gtextkind{
  width: 920px;
}


#gtext p{
   margin-left: 20px;
}