html{
  font-family:Arial;
/*  background: #e6f8e6; */

}
img{border:none;}
a{
  cursor:hand;
  cursor:pointer;
}
.tLink{
  text-decoration:none;
  color:black;
}
.tLink:hover{
  text-decoration:underline;
}
.button{
  border:2px outset #52AE39; /* #32922E; */
  display:block;
  background-color: #52AE39; /* #32922E; */
  padding:4px;
  width:80px;
  color:white;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  margin:5px;
}
.button:active{
  border:2px inset #32922E;
}
#content{
  width:530px;/*border:1px solid #efefef;*/
}

#cell{
display:table-cell;
}
.ueberschrift{
  font-weight:bold;
  color: #31922b;
  font-size:14px;
  color: #31922b;
  letter-spacing:.1em;

}
.start{
  text-decoration:none;
  color:black;
  font-size:11px;
  font-weight:bold;
  background:#efefef;
  padding:4px;
  border:1px outset #efefef;
  margin-right:10px;
  background-image:url('images/hn-gradient.png');
}
.start:active{
  border:1px inset #efefef;
}
#text{
font-size:11px;
}
#bnTable{
display:table;
}
#bnItem{
  border:1px solid #efefef;
  float:left;
  margin:2px;
  height:122px;
  width:122px;
  overflow:hidden;
}

#bnText{
  font-size:10px;text-align:center;width:120px;overflow:hidden;height:27px;
}
#bnImage{
height:120px;
width:120px;
text-align:center;
vertical-align:middle;
overflow:hidden;
}

#plItem{
  border:1px solid #ebf5ec;
;
  float:left;
  padding-left:10px;
  
/*   padding-top:10px; */
  margin:2px;
  height:100px;
  width:400px;
  overflow:hidden;
  background-color:#fff;
}
#plImage{
text-align:center;vertical-align:middle;width:120px;
}
#plText{
font-size:11px;
width:270px;
}
#plQual{
  font-size:9px;
}
#plName{
  font-size:12px;
}
#plSlogan{
  margin-top:6px;
  font-size:11px;
  font-style:italic;
}
#prod_key,#prod_key_topper{
  float:left; 
  font-weight:bold;
  font-size:11px;
}
#prod_key_topper{
  width:100px;
}
#prod_value,#prod_value_single{
  font-size:11px;
  margin-bottom:10px;
}
#prod_value_single{
  margin-left:100px;
}
#cl{
  clear:left;
}

#prod_detail_head{
  padding:10px;
  padding-right:0px;
/*   border-bottom:1px solid black; */
  font-size:11px;
}
#prod_detail_head_name{
/*  background-color: #52AE39; // #99CC96; */
  border:2px solid #52AE39;
  padding:7px;
  padding-left:12px;
}

#prod_detail_head i{
  font-size:10px;
}
#prod_img{
  float:right;
  text-align:center;
  width:202px;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin-left:10px;
  margin-bottom:10px;
}
#prod_img img{
  text-align:left;
}
.fussnoten {
	font-size: 10px; 
	font-style:italic;
	margin-top:3px;
}




#bitmask{
  position:absolute;
  left:10px;
  top:50px;
  width:420px;
/*   height:300px; */
  background:#efefef;
  border:1px solid #898989;
  padding:15px;
}
#bitmask table{
  font-size:10px;
  float:left;
  border:1px solid #acacac;margin:1px;
  height:100%;
  margin:3px;
  background-color:#aaa;
}
#bitmask th{
/*   border:1px outset #111; */
  background:#ccc;
  margin:2px;
  padding:2px;
  font-size:9px;
}
#bitmask div,#bitmask input{
/*   border:1px outset #111; */
  background-image:url('images/hn-gradient.png');
  padding:3px;
  margin:0;
  margin-top:1px;
  cursor:hand;
  cursor:pointer;
}
#bitmaskToggleButton{
  cursor:hand;
  cursor:pointer;
  position:relative;
	font-size: 12px;
	font-weight: bold;
	color: #eaeaea;
  padding-top: 10px;
  z-index:200;
  height: 40px;
  width: 210px;
  text-align:center;
  background-image: url('/pics/btn-green-al.png');
  background-repeat: repeat-x;
}
#bitmaskToggleButton:active{
  padding-top: 11px;
  padding-left: 1px;
  height: 39px;
  
/*   border:0px inset #ccc; */
}
#bitmaskToggleButton:hover{
  color: #fff;
}
#bitmask div:hover,input:hover{
/*   border:1px outset #111; */
  background-image:url('images/hn-hover-gradient.png');
}

.firma_detail_table{
        padding:20px;
}
.firma_detail_table td{
  font-size: 13px;
  border-top:1px solid #fff;
        padding:2px;
}
.firma_detail_text{
  padding:20px;
  font-size:13px;
}
.firma_detail_text img{
  border:none;
}
.firma_detail_table td b{
  font-size: 20px;
  margin: 0px;
  border-spacing:0px; 
}
#firma_darstellung{
  padding-top:20px;
/*   font-style:italic; */
}


.markenfreitext{
  font-size:12px;
  padding:20px;
}
.portrait{
  float:right;
}
h3.markenfreitext{
  padding:5px;
  padding-left:20px;
  font-size:22px;
  color:black;
  background-color:#fff;
}