* {
margin : 0;
padding : 0;
}
a, img, button {
border : 0 none;
}
body {
margin: 0;
padding: 0;
background: url(img/bg.jpg) repeat-x;
font-family : arial, verdana;
font-size : 12px;
}
#container, #footer{
width: 960px;
margin: auto;
}

.fbreplace{
float: left;
}
#clear{
clear: both;
}
.clear{
clear: both;
}
#logo{
float:left;
width: 250px;
height: 60px;
}
#toph1{
width: 710px;
height: 60px;
float: left;
}
#toph1 h1{
padding-top: 40px;
font-size: 13px;
text-align: right;
color: #741000;
}
#header{
width: 950px;
height: 150px;
margin-top: 5px;
margin-bottom: 6px;
}

#menu {
clear: both;
position: relative;
top: 0;
left: 0;
width: 960px;
height: 30px;
line-height: 28px;
font-size: 12px;
z-index: 1000;
}
#menu ul {
float: left;
width: 120px;
list-style-type: none;
}
menu ul:hover li{
display:block;
background: white;
}
.unselected, #selected, .unselected a, #selected a {
font-size: 12px;
font-weight: normal;
display: block;
}
.unselected, .unselected a {
color: white;
}
#selected, #selected a {
color: #052a6e;
}

#menu ul li {
position: relative;
text-align: center;
color: white;
}
#menu ul li ul {
position: absolute;
display: none;
border: 1px solid #4a0a00;
}
#menu ul li:hover ul {
position: absolute;
display: block;
margin-left: 0;
width: 220px;
}
* html #menu ul li:hover ul {
position: relative;
}
* + html #menu ul li:hover ul {
position: relative;
}
#menu ul li:hover ul li {
text-align: left;
}

* html #menu li:hover ul li {
height: 25px; 
}
* + html #menu li:hover ul li {
height: 25px;
}
#menu ul li a{
color: white;
text-decoration:none;
font-weight: bold;
}
#menu ul li a:hover {
background: #4a0a00;
color: white;
}
#menu ul li ul a, #menu ul li a {
display: block;
font-size: 12px;
font-weight: normal;
border-top: 0;
padding-left: 5px;
}
#menu ul li ul a {
background: white;
color: #4a0a00;
font-size: 12px;
}
#menu ul li ul li a{
font-weight: bold;
}
#menu ul li ul a:hover {
background: #4a0a00;
color: #ffffff;
}
#content{
width: 960px;
position: relative;
margin-top: 30px;
z-index: 0;
}
#left, #right{
width: 200px;
float: left;
} 
.lbox, .rbox {
line-height: 35px;
background: url(img/bg_box.jpg);
display:block;
color: white;
font-size: 12px;
text-decoration: none;
padding-left: 10px;
margin-top: 1px;
}
.lbox a, .rbox a{
color: white;
font-size: 12px;
text-decoration: none;
padding-left: 10px;
display:block;
}
.lbox a:hover, .rbox a:hover{
color: white;
background-color: #4a0a00;
font-weight: bold;
margin-left: -10px;
padding-left: 20px;
}

.rbox_content{
padding: 10px;
border-left: 1px solid #741000;
border-right: 1px solid #741000;
border-bottom: 1px solid #741000;
color: #741000;
}
.rbox_content input{
margin-bottom: 5px;
}
#cust_comments, #fb-root{
width: 178px;
border-left: 1px solid #741000;
border-right: 1px solid #741000;
border-bottom: 1px solid #741000;
background: white;
color: black;
font-size: 12px;
line-height: 16px;
padding: 0px 10px 0px 10px;
}
#fb-root{
padding-left: 20px;
padding-right: 0px;
}
#cust_comments h3{
  font-size: 12px;
  padding: 10px 0px 10px 0px;
}
#cust_comments img{
width: 16px;float: left;
padding-right: 6px;
padding-top: 10px;
} 
#cust_comments span{
font-size: 10px;
color: #5e5e5e;
}
#cust_comments hr{
color: #741000;
margin-top: 8px;
}
#bg_cart{
background: url(img/cart.jpg) no-repeat;
height: 40px;
padding-left: 45px;
line-height: 20px;
}

#livezilla img {
width: 198px;
height: 100px;
border-left: 1px solid #741000;
border-right: 1px solid #741000;
border-bottom: 1px solid #741000;
}
#middle{
width: 520px;
float: left;
padding: 0px 20px 0px 20px;
font-size: 12px;
}
#middle a, .rbox_content a, #cust_comments a{
color: #741000;
font-weight: bold;
text-decoration: none;
}
#middle a:hover, .rbox_content a:hover, #cust_comments a:hover, #footer a:hover{
color: #ffa500;
text-decoration: underline;
}
#middle h2{
font-size: 14px;
border-bottom: 1px solid #4a0a00;
margin-bottom: 10px;
color: #741000;
}
#middle h3{
font-size: 12px;
}
#middle img{
float:left;
padding-right: 20px;
padding-bottom: 10px;
}
#middle table{
width: 350px;
}
#middle table tr{
line-height: 12px;
}
#middle table tr td{
font-size: 11px;
text-align: right;
padding: 1px 0 1px 0;
}
#middle p {
font-size: 11px;  
}
.mid_content{
min-height: 150px;
}
#zopt{
text-align: center;
padding: 20px 0 20px 0;
border-left: 1px solid #741000;
border-right: 1px solid #741000;
border-bottom: 1px solid #741000;
}

#con_foot{
background: #4a0a00;
margin-top: 20px;
}
#footer{
padding: 0;
color: white;
padding: 20px 0 20px 0;
text-align: center;
font-size: 11px;
}
#footer a{
color: white;
text-decoration: none;
}

/*Kategorien*/
.produktlisting{
width: 250px;
height: 176px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 6px;
/*background: url(img/bg_product.jpg) no-repeat;*/
float: left;
}
.produkt_name{
width: 250px;
height: 30px;
line-height: 15px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.produkt_image{
width:175px;
height: 100px;
padding-left: 75px;
}
.produkt_price{
width: 175px;
height: 22px;
padding-left: 75px;
}
.produkt_description{
width: 250px;
height: 180px;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 6px;
float: left;
}
#middle hr{
color: #741000;
}
#cat_desc{
margin-top: 20px;
font-size: 12px;
margin-bottom: 20px;
}
#cat_desc h3{
color: #741000;
}

/*PRODUKT INFO*/
.produkt{
min-height: 250px;
}
.bild_produktinfo{
width: 160px;
float: left;
}
.infoBoxHeading2{
width: 520px;
}
.produktinforahmen{
width: 360px;
margin-left: 160px;
margin-bottom: 30px;
padding: 0 0px 0 0px;
text-align: right;
}
.produktinforahmen table, .bewertung table{
table-layout:fixed;
border-collapse: collapse;
border-spacing: 0px 0px;
}
.produktinforahmen td, .bewertung td{
width: 180px;
}
.produktinforahmen table tr td input, .bewertung table tr td input{
width: 175px;
}
.preis{
font-size: 20px;
color: #741000;
}
.dropdown_normal{
width: 180px;
}
#add_cart{
width: 360px;
height: 40px;
text-align: right;
}
#add_cart input{
float:right;
}
.contentrahmen{
width: 520px;
margin-bottom: 30px;
}
.contentrahmen h3{
color: #741000;
}
.contentrahmen p{
margin: 5px 0 10px 0;
}
.bewertung{
width: 520px;
text-align: left;
}
.box_comments_left{
width: 160px;
font-size: 18px;
float: left;
}
.box_comments_right{
width: 360px;
float: left;
}
#positiv{
color: green;
line-height: 18px;
}
#negativ{
color: #741000;
line-height: 18px;
}
.pages{
margin: 20px 0 20px 0;
}
.data_comment{
color: #741000;
font-size: 14px;
border-bottom: 1px solid #4a0a00;
margin-bottom: 10px;
font-weight: bold;
line-height: 20px;
}

.divleft, divright{
float: left;
}
.divleft{
width: 160px;
line-height: 20px;
}
.divright select{
width: 146px;
}

.anzahl, .artikel, .einzeln, .gesamt, .loeschen{
float: left;
}
.anzahl{
width: 60px;
text-align: left;
}
.artikel{
width: 230px;
text-align: left;
}
.einzeln, .gesamt{
width: 80px;
text-align: right;
}
.loeschen {
width: 70px;
text-align: center; 
}
.total{
width: 520px;
line-height: 25px;
font-weight: bold;
text-align: right;
}
.line2{
width: 520px;
height: 1px;
margin: 5px 0 5px 0;
background-color:#741000;
}
.line1{
width: 520px;
height: 2px;
margin: 5px 0 5px 0;
background-color:#741000;
}
#button_left{
float: left;
width: 374px;
text-align: left;
}
#button_right{
float: left;
width: 146px;
}
#checkoutnavigation{
width: 520px;
height:80px;
color:white;
}
.active, .inactive{
width: 172px;
height: 80px;
float: left;
text-align: center;
margin-right: 1px;
}
.active{
background-color: #ffa500;
}
.inactive{
background-color: #741000;
}
.con_title{
padding: 10px 0px 10px 0px;
font-weight: bold;
font-size: 18px;
}
.payment_single_block{
width: 240px; 
padding: 10px;
float: left;
}
.smaller{
font-size: 10px;
}
.info_hover a:link{color: black;text-decoration: none;}
.info_hover a:visited{color: black;text-decoration: none;}
.info_hover a:hover{color: black;text-decoration: none;}
.info_hover a:focus{color: black;text-decoration: none;}
.info_hover a:active{color: black;text-decoration: none;}
.info_hover span{display: none;font-weight: normal;}
.info_hover a:hover span{display: block;color: black;text-decoration: none;margin: 20px;border: 1px solid black;background: white;padding: 10px;}
#allgemein{
width: 520px;
}
#allgemein ul li{
margin: 5px 0px 5px 40px;
}
#allgemein img{
float: right;
}
#red{
color: #741000;
}