.errwrapper-class {
  	margin-left: 25px;
  	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";   
	font-size: 12px;  
	color: red;
  }

   .caret_bottom_checkwrapper a{
     font-weight: bold;
     color: #0055FF
   } 
      
   .caret_mybtncheckout_wrapper{
   	position: relative;
   	float: left;
   	margin-left: 270px;
   	margin-bottom: 30px;
   	margin-top: 10px;
   	width: auto;
   	height: auto;
   }   
       
   .caret_bottom_checkwrapper a:hover{
     font-weight: bold;  
     color: #007FFF;
   } 
  .caret_bottom_checkwrapper label{
  	   font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";   
	   font-size: 12px;  
       vertical-align: middle; 
  }         
 

  .caret_radio_wrapper{  	
	   /*border: 1px solid #000; 
       border-color:darkgray; */
  	   font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";   
       float: right;  
       position: relative;  
       margin-bottom: 5px;  
       width: 220px;
  } 
  
  .caret_radio_btn{
  	   position: relative;
  	   float: left;
  	   margin-top: 2px;
  }
  
  .caret_radio_btn label{
	   font-size: 14px;  
       vertical-align: top; 
  }
  
  .caret_radio_headline{
	   font-size: 14px; 
  }

  .caret_radio_text{
	   font-size: 12px; 
  }

  .caret_menge_wrapper{
	   /*border: 1px solid #000;*/
  	   float: left; 
  }          
  
  .caret_preis_wrapper, .caret_preis_bottom, .caret_preis_radio{
	/*border: 1px solid #000;*/
	font-family: "Arial";
	font-size: 14px;  
  	float: right;
  	width: 110px;
  	text-align: right;
  }
  
  .caret_preis_wrapper{
  	padding-top: 5px;
  }
  
  .caret_preis_bottom{
    padding-top: 0px;	
  }
  
  .caret_preis_radio{
    padding-top: 0px;
    padding-right: 10px;	
  }  

/*-----------------------------------------------------------------------*/  
  .liste_header_wrapper{   
       padding: 0px;
       margin-top: 5px;
       height:     auto;
       width:      auto;  
       overflow: hidden;
	}

  .liste_header_closebtn{
      float: left;
      margin-top: 5px;
      margin-left: 5px;
      width: 26px;
      height:26px;
      background-color: #5A5A5A;
      border-radius: 50%;
      text-align: center;
      vertical-align: middle;
      line-height: 27px;
      padding-top: 4px;
      padding-left: 2px;
      padding-right: 2px;
  }

  .liste_header_closebtn:hover{
      cursor: pointer;
      background-color: #000000;
  }

  .liste_header_outertext{
      float: left;
      padding-left: 5px;
  }

  .liste_header_top{
       float: left;
	   border: 1px solid #000;
       border-color: #C5C5C5;   
       background-color: #F6F6F6;
       width: 869px;
       height:41px;
	} 
  
  .liste_header_headline, .liste_header_text{
    font-family: "Arial";
    color: #1E201F; 
    font-size: 14px;      
  }  
  
  .liste_header_headline{
    margin-top: 3px;
    font-size: 14px;      
  }                
  
  .liste_header_text{
    font-size: 12px;    
    margin-top: 3px;      
  } 
  
  .liste_lief_icon{
   position: absolute;
   top: 5px;
   left: 5px;
   height: 16px;
   width: 16px;
  } 
                 

/*-----------------------------------------------------------------------*/  
  .liste_navindex_wrapper{   
       width: 867px;  
       height: auto; 
  } 
  
  .liste_navbutton_wrapper{  
       float: right;
       position: relative;   
       margin-left: 10px;
       width: auto; 
       height: auto;
  }

  .liste_navbutton, .liste_navbutton_selected{
       border: 1px solid #000;
       border-color:darkgray;   
       background-color: white;  
       font-family: 'Acme', sans-serif; 
       font-size: 16px;       
       color: darkgrey;
       float: left;     
       margin-top: 5px;
       margin-left: 2px;         
       text-align: center;
       padding-top: 4px;
       height: 22px;
       width : 24px;  
  }

  .liste_navbutton_selected{
       background-color: #0055ff; 
       color: white;
  }

  .liste_navbutton:hover{
       background-color: #0055ff;
       color: white;
  }
  
/*-----------------------------------------------------------------------*/  
  .liste_wrapper{ 
	     /*border: 1px solid #000;
       border-color:red;*/  
       position: relative;
       float: left;
       width: 877px;
              
  }   
  
  .liste_row_wrapper{
	   border: 1px solid #000;
       border-color:darkgray;  
       background-color: white;    
       position: relative;  
       float: left;
       margin-top: 5px;   
  }   
    
/*-----------------------------------------------------------------------*/  
  .liste_col1_wrapper{
	    /* border: 1px solid #000; */
       position: relative;
       float: left;     
       padding-top: 20px;
       padding-left: 20px;
       width: 216px; 
       min-height: 160px;
  } 

  .liste_icons_wrapper{
      /* border: 1px solid red; */
      position: relative;
      float: left;
      padding-top: 20px;
      padding-left: 20px;
      width: 216px;
      height: auto;
  }
  .liste_icons_wrapper img{
    margin-right: 5px;
  }

  .liste_image{ 
    max-width:200px;
    height:auto;
    position: relative;
    display:block;
    margin:0 auto;
  } 
  
  .liste_image img{
    width:100% !important;
    height:auto !important;
    display:block;
  }  
  
/*-----------------------------------------------------------------------*/  
  .liste_col2_wrapper{
	    /* border: 1px solid #000; 
       border-color:darkgray; */   
       position: relative;  
       margin-left: 15px;
       float: left;  
       margin-top: 10px;
       width: 350px;    
  } 
  
  .liste_headline{
       margin-left: auto;
       margin-right: auto;
      font-family: "Arial";
       /*font-family: 'Acme', sans-serif; */
       color: #1E201F;     
	   font-size: 14px;
       font-weight: bold;
       text-align: center;
       margin-top: 2px;
   }    
   
  .liste_text{
      font-family: "Arial";
      /* font-family: 'Arial', Helvetica , sans-serif; */
	  font-size: 12px;
       margin-top: 10px; 
       margin-bottom: 10px; 
       margin-left: 10px;
       margin-right: auto;  
  }  
  
/*-----------------------------------------------------------------------*/ 
 
  .liste_col3_wrapper{
	    /* border: 1px solid #000;
       border-color: blue; */   
       position: relative;  
       /*margin-left: 5px;*/
       float: left;  
       margin-top: 2px; 
       width: 268px;
  }
  
  .liste_logo_wrapper{ 
	 /*    border: 1px solid #000;
       border-color:blue; */  
       position: relative;
       margin-top: 5px;  
       margin-right: 20px;
       float: right;  
       width: 140px; 
       height: auto;  
  }  

.liste_logo {
    height: 60px;   
    position: relative;
    overflow: hidden;
}

.liste_logo img {
    display: inline-block;
    max-width: 100%; /* You can use different numbers for max-width and max-height! */
    max-height: 100%;
    width: auto;
    height: auto;

    position: absolute;


    left: 50%; /* This sets left top corner of the image to the center of the block... */
    top: 40%; /* This can be set also to bottom: 0; for aligning image to bottom line. Only translateX is used then. */
   -webkit-transform: translate(-50%,-50%); /* ...and this moves the image 50 % of its width and height back. */
   -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);  
}     
             
  
/*-----------------------------------------------------------------------*/ 
/*-----     border: 1px solid #000;
    border-color: green;
------*/ 
/*----- ------*/ 
 
  
  .liste_col3_bottom_wrapper{
   /* border: 1px solid #000;
    border-color: green; */
    position: absolute;
    bottom: 0;          
    width: 100%;
  }

  .liste_bottom_right_wrapper{
     /*  border: 1px solid #000;
       border-color: blue; */
       position: relative;  
       float: right;  
       width: 200px;
  }  
  
  .liste_bottom_left_wrapper{
      /* border: 1px solid #000;
       border-color: blue; */
       position: absolute;
       margin-bottom: 4px; 
       margin-left: 4px; 
       height: 24px;  
       width: auto;
       bottom: 0; 
  }   

  .liste_preis_wrapper{      
  /*
       border: 1px solid #000;
       border-color: red; */
       position: relative;  
       float: right;  
       width: 150px;
  } 
     
  .liste_data_wrapper{   
     /*  border: 1px solid #000;
       border-color: blue; */
       position: relative;  
       text-align: left;
       margin-bottom: 5px;   
       float: right;  
       width: 155px;
  }     
  
  .liste_button_wrapper{
     /*  border: 1px solid #000; */
       position: relative;  
       float: right;  
       width: 100%;
       height: 80px;
  } 
    
  .liste_text1, .liste_lieferbar, .liste_textu,
  .liste_textdata, .liste_textdatacol, .liste_notlieferbar{   
       position: relative;  
       font-family: 'Arial', Helvetica , sans-serif;
	     font-size: 11px; 
       float: right; 
       color: #1E201F;          
       margin-right: 10px;  
  }   
  
  .liste_preis{
       position: relative;  
       font-family: 'Acme', sans-serif; 
       color: red;     
	     font-size: 20px;       
       margin-right: 25px; 
       height: auto;
       float: right;  
  }    
  .liste_textu{ 
     text-decoration: underline;
  }  
  
  .liste_textdata, .liste_textdatacol{ 
     float: left;
     font-size: 10px;  
     margin-right: 3px;       
  }
                   
.liste_textdatacol{ 
   width: 45px;
  }  
      
  .liste_lieferbar{
     /*  border: 1px solid #000;
       border-color: blue; */
       color: green;   
       margin-top: 3px;
       margin-right: 0px;
       text-align: center;  
       width: 165px;         
  }  
         
  .smallipop-content {
       font-family: 'Arial', Helvetica , sans-serif;
	     font-size: 12px;
       font-weight: bold;  
  }
  
  .liste_caret_wrapper{
       margin-top: 5px;
       margin-bottom: 2px; 
       margin-right: 30px;
       float: right;
       width: 110px;
       height: auto;          
  }                 
      
  .liste_caret_edit{
       float: left;   
       margin-top: 2px;
       width:  auto; 
       height: 15px;
  }

  .liste_caret_max{
      float: left;
      font-family: 'Arial', Helvetica , sans-serif;
      font-size: 14px;
      margin-top: 4px;
      margin-left: 2px;
      width: auto;
      height: auto;
  }

  .liste_caret_image{
       float: right;
       width:  auto; 
       height: auto;          
  }                 
  
  
  .liste_notlieferbar{
     /*  border: 1px solid #000;
       border-color: blue; */
       color: red;   
       margin-top: 5px;
       margin-right: 0px;
       text-align: center;  
       width: 165px;         
  }   
  
  
/*-----------------------------------------------------------------------*/ 
  .liste_datenblatt_wrapper{
	     /*border: 1px solid #000;
       border-color:red;*/

      -webkit-print-color-adjust: exact;

       position: relative;
       float: left;
       width: 877px;
       height: auto;
              
  }