body {
margin:0;
font-family: trebuchet MS;
}

body, td {
  font-size: 14px;
  color: #666;
}

#frame {
margin: 0 auto;
width: 900px;
}

#topnav {
clear: both;
margin-bottom: 20px;
background: url('/bilder/white_m.gif') repeat-y;
width: 902px;
}

#topnav a {
font-size: 13px;
text-decoration: none;
}

.o {
background: url('/bilder/white_o.gif') no-repeat;
height: 10px;
width: 902px;
}

.u {
background: url('/bilder/white_u.gif') no-repeat;
height: 10px;
width: 902px;
clear:both;
}

#content_box {
margin-top: 12px;
}


#content {
padding:18px;
padding-top: 10px;
}

#head {
padding-top: 9px;
background-color: #fff;
}

a {
color: #cc6600;
font-weight: bold;
}
a:hover {
text-decoration: none;
color: #ee6600;
}

#topbar {
background: url('/bilder/black_m.jpg') repeat-x;
height: 38px;
width: 900px;
}
#topbar a{
text-decoration: none;
font-size: 14px;
}
#topbar .left {
background: url('/bilder/black_l.jpg') no-repeat;
float:left;
height: 38px;
width: 8px;
}
#topbar .right {
background: url('/bilder/black_r.jpg') no-repeat;
float:right;
height: 38px;
width: 8px;
}
#topbar .content {
padding-top: 10px;
padding-left: 15px;
}

.headline_l {
background: url('/bilder/grey_l.jpg') no-repeat;
width: 7px;
height: 52px;
float: left;
}

.headline_m {
background: url('/bilder/grey_m.jpg') repeat-x;
width: 886px;
height: 52px;
float: left;
}

.headline_r {
background: url('/bilder/grey_r.jpg') no-repeat;
width: 7px;
height: 52px;
float: left;
}

h2 {
font-size: 16px;
margin-left: 10px;
}
h2 a {
color: #666;
text-decoration: none;
}

.clear {
clear: both;
}

#auflistung {
margin-top: 20px;
width: 620px;
float: left;
}

#content_right {
float: right;
width: 240px;
}

.produkt {
width: 140px;
float: left;
margin-right: 10px;
height: 202px;
margin-bottom: 10px;
overflow: hidden;
}
.produkt .details {
text-align: center;
font-size: 12px;
width: 120px;
}

#suche {
float:right;
margin-top: 5px;
}
#suche input {
float: left;
}
#suche .lupe {
margin-top: 3px;
margin-left: 5px;
}
#blackbox {
font-size: 11px;
background: url('/bilder/verlauf.jpg') repeat-x;
width: 235px;
padding-bottom: 10px;
}

#blackbox ul {
padding-left: 20px;
}

#blackbox .headline {
font-size: 14px;
background: url('/bilder/blackbox.jpg') no-repeat;
height: 26px;
padding-top: 8px;
padding-left: 15px;
color: #ccc;
}

#blackbox p, #blackbox hr, #blackbox img, #blackbox h1, #blackbox h2, #blackbox h3, #blackbox h4  {
 margin-left: 10px;
 margin-right: 10px;
 text-align: justify;

}

.n {
float: left;
margin-left: 20px;
width: 200px;
}

.show_all {
float:right;
}

a img {
border: 0;
}

#topcatimg {
height: 54px;
overflow:hidden;
float: left;
margin-top: 5px;
margin-left: 7px;
}

#topcatimg img {
height:66px;
margin-top: -2px;
}

#back {
width: 295px;
height: 65px;
border: 1px solid #ccc;
float: left;
margin-right: 10px;
}
.arr {
float: left;
margin-top: 11px;
}
.txt {
float: left;
width: 155px;
margin-left: -20px;
margin-top: 12px;
}


#keywords #back {
width: 235px;
height: 65px;
margin-bottom: 10px;
}
#keywords .txt {
width: 100px;
margin-left: -40px;
margin-top: 17px;
font-size: 12px;
}



#produktbild {
float: left;

margin: 40px;
}

#beschreibung {
float: left;
padding-top: 30px;
width: 366px;
}

#keywords {
float: left;
width: 240px;
margin-left: 20px;
}

.varianten_wrap {
clear: both;
}

.second_head {
width: 900px;
padding-top: 20px;
margin-left: -20px;
font-size: 16px;
font-weight: bold;
}

h4 {
margin:12px;
}

.varianten_wrap {

margin-left: auto;
margin-right: auto;
}

#white_o {
margin-top: 10px;
width: 902px;
height: 10px;
background: url('/bilder/white_o.gif') no-repeat;
}
#white_m {
width: 902px;
background: url('/bilder/white_m.gif') repeat-y;
padding: 0px 12px;
}
#white_u {
width: 902px;
height: 10px;
background: url('/bilder/white_u.gif') no-repeat;
}

#white_m img {
float: left;
}

#wktxt {
float: left;
margin: 15px;
}

#wkmore {
float:right;
margin: 15px 30px;
}

#addtocart {
font-size: 11px;
margin-top: -28px;
margin-left: 100px;
position: absolute;
}


.y {
width: 214px;
display: block;
padding: 4px 4px 4px 8px;

}

.y:hover {
background: #E8EAEA;
border: 1px solid #ccc;
border-top: 0;
}

.y.hi {
height: 63px;
}

.y img {
float: left;
margin-right: 12px;
}

.y .ml {
float: right;
margin: 12px 5px 0px 0px;
}

.hr {
width: 100%;
height: 0px;
border-top: 1px solid #D0D9DE;
clear: both;
}

.greybox {
background: url('/bilder/greybox_bg.gif') repeat-y;
width: 227px;
margin:0px;
padding: 5px 3px 10px 3px
}

.greybox_bottom {
background: url('/bilder/greybox_bottom.gif') no-repeat;
width: 233px;
height: 20px;
}

.greybox 
{
font-size: 11px;
}

.greybox p 
{
padding: 6px;
}