body {
color:#333;
margin:0;
padding:0;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
background:#B8BDC8 url(bilder/hg.jpg) repeat-y fixed center;
}

#container {
position:absolute;
left:50%;
margin-left:-500px;
width:1000px;
z-index:0;
top:237px;
}

#header {
position:absolute;
left:50%;
margin-left:-500px;
top:0;
width:1000px;
height:237px;
z-index:0;
background-color:#FFFFEA;
}
#titelbild {
position:absolute;
left:50%;
margin-left:-500px;
top:0;
width:1000px;
height:237px;
z-index:0;
}
#navBar {
float:left;
width:214px;
background:#fff url(bilder/box_links.jpg);
margin:0;
padding:0;
}

#headlines {
float:right;
width:214px;
background:#fff url(bilder/box_rechts.jpg);
padding:0;
}

#content {
float:left;
width:566px;
}

#siteInfo {
clear:both;
font-size:11px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
width:1000px;
height:89px;
background-image:url(bilder/footer.jpg);
z-index:1;
}

#home_bar {
position:absolute;
left:50%;
margin-left:-113px;
top:11px;
width:600px;
height:28px;
z-index:2;
}

#cat_bar {
position:absolute;
left:50%;
margin-left:-466px;
top:139px;
width:119px;
height:54px;
z-index:2;
}

#login_box {
position:absolute;
left:50%;
margin-left:335px;
top:41px;
width:149px;
height:121px;
z-index:2;
border-bottom:0px none #9EA1AA;
border-left:1px solid #9EA1AA;
border-right:1px solid #9EA1AA;
border-top:0px none #484848;
}

#such_box {
position:absolute;
left:50%;
margin-left:-110px;
top:75px;
width:410px;
height:16px;
z-index:2;
text-align:right;
}

#breadcrumbs {
position:absolute;
left:50%;
margin-left:-250px;
top:195px;
width:567px;
height:23px;
z-index:2;
}

#catalog {
position:absolute;
left:50%;
margin-left:-500px;
top:148px;
width:185px;
height:50px;
z-index:2;
}

#homepage {
position:absolute;
width:220px;
height:104px;
z-index:3;
}

#counter {
position:absolute;
margin-top:24px;
width:575px;
height:24px;
z-index:3;
padding-left:220px;
text-align:center;
}

#footer_hg {
position:absolute;
margin-top:62px;
margin-left:220px;
width:575px;
height:20px;
z-index:2;
}

#viper {
position:absolute;
margin-left:795px;
width:209px;
height:104px;
z-index:3;
}

#footer_links {
position:absolute;
margin-top:104px;
width:575px;
height:24px;
z-index:3;
margin-left:220px;
text-align:center;
}

#footer_banner {
position:absolute;
margin-top:128px;
width:1000px;
height:111px;
z-index:2;
text-align:center;
}

/************* #headlines ***************/
.headline {
width:566px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
text-align:center;
background-image:url(bilder/headline.jpg);
line-height:40px;
}
.bottom {
width:566px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
text-align:center;
background-image:url(bilder/bottom.jpg);
line-height:23px;
margin-top:0;
padding:0;
}
/************* #boxes ***************/
.box_links {
margin-right:7px;
margin-left:17px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
}

.box_rechts {
margin-right:17px;
margin-left:7px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
}

.trenner {
background-image:url(bilder/pixel_black.gif);
margin-top:2px;
margin-bottom:2px;
line-height:1px;
}

div.conditions {
background:#fff;
color:#333;
border:0;
height:200px;
overflow:auto;
margin:2px;
padding:2px;
}

div.widerrufsrecht {
background:#fff;
color:#333;
border:0;
height:100px;
overflow:auto;
margin:2px;
padding:2px;
}

.infobox_conditions {
background:#fff;
font:10px Verdana,Arial,sans-serif;
padding:0;
}

.infobox_conditions_contents {
background:#fff;
font:10px Verdana,Arial,sans-serif;
border:1px solid #ccc;
margin:2px;
padding:2px;
}

#inhalt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background-image:url(bilder/center.jpg);
}
.inhalt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background-image:url(bilder/center.jpg);
}
.box1 {
font:10px Verdana,Arial,sans-serif;
background:#fff;
border-top:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
border-bottom:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
padding-bottom:3px;
width:32%;
float:left;
vertical-align:top;
text-align:center;
margin:2px;
}

.box2 {
font:10px Verdana,Arial,sans-serif;
background:#fff;
padding-bottom:3px;
width:24%;
float:left;
vertical-align:top;
display:table;
text-align:center;
margin:2px;
}

.box3 {
font:10px Verdana,Arial,sans-serif;
background:#fff;
border-top:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
border-bottom:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
float:right;
width:31%;
vertical-align:top;
display:table;
margin:2px;
padding:3px;
}
.spalte10 {
font:12px Verdana,Arial,sans-serif;
padding-bottom:3px;
font-weight:700;
width:9%;
float:left;
vertical-align:top;
text-align:center;
margin:0 1px 0 3px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
.spalte20 {
font:12px Verdana,Arial,sans-serif;
padding-bottom:3px;
font-weight:700;
width:19%;
float:left;
vertical-align:top;
text-align:center;
margin:0 1px 0 3px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
.spalte75 {
font:12px Verdana,Arial,sans-serif;
padding:3px;
font-weight:400;
width:72%;
float:left;
vertical-align:top;
text-align:left;
margin:3px;
}
.spalte80 {
font:12px Verdana,Arial,sans-serif;
font-weight:400;
width:78%;
float:left;
vertical-align:top;
text-align:left;
padding:3px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
.spalte90 {
font:12px Verdana,Arial,sans-serif;
font-weight:400;
width:88%;
float:left;
vertical-align:top;
text-align:left;
padding:3px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
}
.boxCenter {
width: 410px;
float: left;
display: table;
}
.artikelName {
font:bold 12px/20px Verdana, Arial, sans-serif;
vertical-align:top;
display:block;
width:100%;
background-color:#FFC;
text-align:center;
padding:0;
}

.artikelPreis {
font:normal 12px Verdana, Arial, sans-serif;
vertical-align:top;
color:red;
text-align:center;
padding:2px;
}

.artikelBild {
font:12px Verdana,Arial,sans-serif;
vertical-align:top;
padding:2px;
}

.artikelInfo {
font:12px Verdana,Arial,sans-serif;
padding:2px;
}

.artikelButton {
font:11px Verdana,Arial,sans-serif;
padding:2px;
}

.spalte1 {
font:10px Verdana,Arial,sans-serif;
margin-top:20px;
float:left;
z-index:2;
padding:3px;
}

.spalte2 {
font:10px Verdana,Arial,sans-serif;
margin-top:20px;
float:right;
z-index:2;
}

#headerError {
position:absolute;
left:50%;
margin-left:-500px;
top:200px;
width:1000px;
z-index:1000;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
background:red;
color:#fff;
font-weight:700;
text-align:center;
padding:5px;
}

#headerInfo {
position:absolute;
left:50%;
margin-left:-500px;
top:0px;
width:1000px;
z-index:1000;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
background:#fc0;
color:#fff;
font-weight:700;
text-align:center;
padding:5px;
}
.texte {
margin: 2px;
padding: 2px;
 }
 .rand {
margin: 0 10px 0 5px;
padding: 5px;
 }
 .boxauswahl {
font:10px Verdana,Arial,sans-serif;
border-top:1px solid #FFCC00;
border-right:1px solid #FFCC00;
border-bottom:1px solid #FFCC00;
border-left:1px solid #FFCC00;
padding:3px;
float:left;
vertical-align:top;
text-align:center;
margin:2px;
}