/* corner image */
.cornerimg
{
  position: absolute;
  width: 248px;
  height: 82px;
  top: 0; left: 0;
  background: url(../img/components/box_cornerimg.png) no-repeat top left;
  z-index: 1;
}

* html .cornerimg
{
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/html/master/img/components/box_cornerimg.png",sizingMethod="fit");
}
* html .box3col .cornerimg
{
  left:-16px;
}
.rightCornerimg52{
  position: absolute;
  width: 190px;
  height: 52px;
  top: 0; left: 0;
  background: url(../img/components/rightbox_cornerimg_52.png) no-repeat top left;
}

* html .rightCornerimg52
{
  left: -2px;
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/html/master/img/components/rightbox_cornerimg_52.png",sizingMethod="fit");
}


.rightCornerimg30{
  position: absolute;
  width: 190px;
  height: 30px;
  top: 0; left: 0;
  background: url(../img/components/rightbox_cornerimg_30.png) no-repeat top left;
}

* html .rightCornerimg30
{
  left: -2px;
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/html/master/img/components/rightbox_cornerimg_30.png",sizingMethod="fit");
}

/* corner image END */

.boxspacer
{
  width: 4px;
  margin: 0;
  padding: 0;
  float: left;
  font-size: 1px;
}


.box1col,
.box2col,
.box3col
{  
  position: relative;  
  padding: 16px 16px 0 16px;  
  margin-bottom: 5px;
  color: #56564d;
}

.box1col{
  width: 257px; /* 257 */
  float: left;
  margin-right:4px;
  display:inline; 
}
.box2col{
  clear: both;
  width: 550px;
/*  overflow: visible; */
}

.box1col h1
{
  font-size: 11px;
  margin-bottom: 1em;
  z-index:2;
  position:relative;   
}
.box1col p{
  z-index:2;
  position:relative;
}

.box2col h1,
.box3col h1
{
  font-size: 11px;
  text-decoration: underline;
  margin-bottom: 1em; 
  z-index:2;
  position:relative;
}

/* 1 spaltig kleines bild text */ 
.box1colsmallImage
{
  width: 63px;
  margin: -16px 0 0 -16px;
  float: left;
  overflow: hidden;
  display: inline;
  z-index:2;
  position:relative;   
}

.box1colText
{
  width: 181px;
  margin-left: 10px;
  float: left;
  overflow: hidden;
  z-index:2;
  position:relative;
}
/* 1 spaltig kleines bild text end */ 

/* 1 spaltig bild */ 
.box1colImg
{
  margin: -16px -16px 0 -16px;
  overflow: hidden;
  width: 289px;
}
/* 1 spaltig bild end */ 


/* 1 spaltig bild links text */ 
.box1colImgHalf
{
  margin: -16px 0 0 -16px;
  float: left;
  overflow: hidden;
  display: inline;
  width: 135px;  
}

.box1colHalfText
{
  width: 129px;
  margin-left: 8px;
  float: left;
  overflow: hidden;
  z-index:2;
  position:relative;
}
/* 1 spaltig bild links text end */ 

/* 1 spaltig bild breit text */
.box1colImgFull
{
  margin: -16px -16px 0 -16px;
  overflow: hidden;  
}
.box1colFullText
{
  margin: 10px 0 0 0;
  z-index:2;
  position:relative;
}
/* 1 spaltig bild breit text end */


/* 1 spaltig bild rechts */
.box1colImgHalfRight
{
  margin: -16px -20px 0 0;
  float: left;
  overflow: hidden;
  display: inline;
  width: 135px;    
  z-index:2;
  position:relative;   
}
.box1colHalfTextRight
{
  width: 128px;  
  float: left;
  overflow: hidden;
  margin:0 10px 0 0;
  z-index: 2;
  position: relative;
}

<!--.box1colHalfTextRight p{
  z-index: 3;
  position: relative;
}-->

/* 1 spaltig bild rechts end */


/* 1 spaltig bild unten */
.boxcolTextbottom
{
  margin-bottom: 15px;
  z-index:2;
  position:relative;
}

.box1colimgbottom
{
  position:relative;
  margin: 0 -16px 0 -16px;
  border: 1px solid #E5E5E5;       
}

/* 1 spaltig bild unten end */



/** BOX 2 **/

.box2col .box2colShorttext
{
  float: left; 
  width: 317px;
  /* margin-right: 10px */
  margin: 8px 0 0 0;  
  z-index: 2;
  position: relative;  
}
.box2colImageText
{
  width: 220px;
  border: 1px solid #E5E5E5;
  float: right;
  margin-top: 8px;  
  margin-bottom: 8px;    
  z-index: 2;
  position: relative;  
}

.box2colText
{
  float: left;
  width: 402px; 
  margin-right: 10px;
  position: relative;
  z-index: 2; 
}

.box2colImage
{
  width: 135px;
  border: 1px solid #E5E5E5;
  float: left;
  margin-top: -16px;
  overflow: hidden;
}

.twocolimg img
{
  position:relative;
  left: -5px; /* -16px; */
  top:-16px;
}

/* 2col_text */
.box2colOnlyText
{
  position: relative;
  z-index: 2; 
}

/* 2col_product */
.box2colProduct {
  position: relative;  
  padding: 16px 16px 0 16px;  
  margin-bottom: 5px;
  width: 550px;
  clear: both;
}

.box2colProduct p {
  z-index: 3;
  /*position: relative;*/
}

.box2colProduct h1 {
  font-size: 11px;
  text-decoration: underline;
  margin-bottom: 1em; 
  z-index: 3;
  padding-left: 30px;
  position: relative;
}

.box2colProduct img.icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  z-index: 2;
}

.box2colProduct .cornerimg {
  position: absolute;
  width: 248px;
  height: 82px;
  top: 0;
  left: 0;
  background: url(../img/components/box_cornericon.png) no-repeat top left;
  z-index: 1;
}

.box2colProduct .imagebox {
  width: 198px;
  height: 128px;
  float: right;
  position: relative;
  top: -17px;
  clear: both;
}

.box2colProduct .imagebox p {
  width: 60px;
  height: 60px;
  float: right;
  border: 1px solid #ccc;
  background: #fff;
  margin: 0 0 4px 4px;
  position: relative;
}

.box2colProduct .imagebox p a {
  display: block;
  width: 60px;
  height: 60px;
}

.box2colProduct .imagebox p.singleimage  {
  width: 192px;
  height: 126px;
  margin: 0;
}

.box2colProduct .imagebox p.singleimage a {
  display: block;
  width: 192px;
  height: 126px;
}

* html .box2colProduct .cornerimg {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="templates/html/master/img/components/box_cornericon.png",sizingMethod="fit");
}

.box1colProduct {
  position: relative;  
  padding: 16px 16px 0 16px;  
  margin-bottom: 5px;
  width: 257px;
  float: left;
  margin-right: 4px;
  display: inline;
}

.box1colProduct p {
  z-index: 3;
  position: relative;
  float: left;
}

.box1colProduct p.imagebox {
  z-index: 1;
  width: 72px;
  height: 72px;
  border: 1px solid #ccc;
  margin: -16px 10px 0 -16px;
  display: inline;
}

* hxtml .box1colProduct p.imagebox {
  margin: -16px 10px 0 0;
}

.box1colProduct h1 {
  font-size: 11px;
  text-decoration: underline;
  margin-bottom: 1em; 
  z-index: 3;
  position: relative;
  float: left;
  width: 170px;
}

.box1colProduct .cornerimg {
  z-index: 2;
}

/*** images news */
.newsimg {
  float: left;
  width: 130px;
  border: 1px solid #E5E5E5;
  margin-top: 10px;
  margin-right: 3px;
}
/*** images news end */


/** newsbox **/
#newsbox{
  background:#e5e5e5;
  padding:2px;
  position:relative;
  border-bottom: 1px solid #df3830;
  margin-bottom: 5px;
}

#newsbox h1{
  padding:5px 5px 10px 5px;
  position:relative;
  z-index:2;
}
#newsbox img{
  margin-bottom:10px;
}
#newsbox p.text{
  margin:0px 5px 5px 5px;
  position:relative;
  z-index:2;
}

/** productsuchebox (mit ajax!) **/
#ajaxbox {
  background: #e5e5e5;
  padding: 5px 2px 5px 2px;
  position: relative;
  border-bottom: 1px solid #df3830;
  margin-bottom: 5px;
}

#ajaxbox select {
  width: 180px;
  position: relative;
  left: 3px;
}

* html #ajaxbox select {
  left: 7px;
}

#ajaxbox h1 {
  padding: 5px 5px 5px 5px;
  position:relative;
  z-index:2;
}

#ajaxbox p {
  margin: 0;
  padding: 5px 5px 2px 5px;
}

#ajaxbox #buttonbox{
  padding:0 5px;
  text-align:right;
}

/** suchebox **/
#searchbox {
  background: #e5e5e5;
  padding: 5px 2px 5px 2px;
  position: relative;
  border-bottom: 1px solid #df3830;
  margin-bottom: 5px;
}

#searchbox h1 {
  padding: 5px;
  position:relative;
  z-index:2;
}

#searchbox form {
  padding: 5px;
  margin: 0;
}

#searchbox input {
  width: 145px;
  margin: 2px 2px 0 0;
}

#searchbox button {
  width: 27px;
  height: 17px;
  margin: -2px 0 0 0;
  padding: 0;
}