text-align: left;

   font-size: 14px;
   Margin-bottom: 10px;

      =20

   text-align: center;
   font-size: 0;

   width: 100%;
   max-width: 300px;
   display: inline-block;
   vertical-align: top;

   width: 100%;

   font-size: 14px;
   text-align: left;

   width: 100%;
   max-width: 280px;
   height: auto;

   padding-top: 10px;

      =20

   text-align: center;
   font-size: 0;
   padding-top: 10px;
   padding-bottom: 10px;

   width: 100%;
   max-width: 200px;
   display: inline-block;
   vertical-align: top;

   font-size: 14px;
   text-align: center;

   width: 100%;
   max-width: 180px;
   height: auto;

   padding-top: 10px;

   font-size: 0;

   width: 100%;
   display: inline-block;
   vertical-align: middle;

   max-width: 100px;

   max-width: 500px;

   width: 100%;
   max-width: 80px;
   height: auto;

   text-align: center;

   color: #E10019;

   font-size: 0;

   width: 100%;
   display: inline-block;
   vertical-align: middle;

   max-width: 200px;

   max-width: 400px;

   width: 100%;
   max-width: 180px;
   height: auto;

   text-align: center;

   color: #E10019;

   font-size: 0;

   width: 100%;
   display: inline-block;
   vertical-align: top;

   max-width: 300px;

   max-width: 300px;

   width: 100%;
   max-width: 280px;
   height: auto;

   text-align: center;

   color: #E10019;

        /* Right sidebar layout 280 */

   font-size: 0;

   width: 100%;
   display: inline-block;
   vertical-align: top;

   max-width: 100px;

   max-width: 300px;

   width: 100%;
   max-width: 280px;
   height: auto;

   font-size: 14px;
   text-align: center;

   color: #E10019;

       /*Media Queries*/

   .three-column .column {
       max-width: 100% !important;
   }
   .two-column img {
       max-width: 100% !important;
   }
   .three-column img {
       max-width: 50% !important;
   }
 .navigtion {
       display: none !important;
   }

       @media screen and (min-width: 401px) and (max-width: 620px) {

       max-width: 33% !important;
   }
   .two-column .column {
       max-width: 50% !important;
   }

   </style>

   =20

          =20

          =20
           =20
           
=20

=20

     =20

  =20

    
    


        

            

                

                    
Se fram emot massor av inspiration til=
l de vackraste, personliga julklapparna
                
            
        
    


=20


          =20

        

       =20

The mail is presented like the folowing .one-column .contents { text-align: left; } .one-column p { font-size: 14px; Margin-bottom: 10px; } =20 .two-column { text-align: center; font-size: 0; } .two-column .column { width: 100%; max-width: 300px; display: inline-block; vertical-align: top; } .contents { width: 100%; } .two-column .contents { font-size: 14px; text-align: left; } .two-column img { width: 100%; max-width: 280px; height: auto; } .two-column .text { padding-top: 10px; } =20 .three-column { text-align: center; font-size: 0; padding-top: 10px; padding-bottom: 10px; } .three-column .column { width: 100%; max-width: 200px; display: inline-block; vertical-align: top; } .three-column .contents { font-size: 14px; text-align: center; } .three-column img { width: 100%; max-width: 180px; height: auto; } .three-column .text { padding-top: 10px; } .left-sidebar { text-align: center; font-size: 0; } .left-sidebar .column { width: 100%; display: inline-block; vertical-align: middle; } .left-sidebar .left { max-width: 100px; } .left-sidebar .right { max-width: 500px; } .left-sidebar .img { width: 100%; max-width: 80px; height: auto; } .left-sidebar .contents { font-size: 14px; text-align: center; } .left-sidebar a { color: #E10019; } .left-navigation { text-align: center; font-size: 0; } .left-navigation .column { width: 100%; display: inline-block; vertical-align: middle; } .left-navigation .left { max-width: 200px; } .left-navigation .right { max-width: 400px; } .left-navigation .img { width: 100%; max-width: 180px; height: auto; } .left-navigation .contents { font-size: 14px; text-align: center; } .left-navigation a { color: #E10019; } /* Left sidebar layout 280 */ .left-sidebar-280 { text-align: center; font-size: 0; } .left-sidebar-280 .column { width: 100%; display: inline-block; vertical-align: top; } .left-sidebar-280 .left { max-width: 300px; } .left-sidebar-280 .right { max-width: 300px; } .left-sidebar-280 .img { width: 100%; max-width: 280px; height: auto; } .left-sidebar-280 .contents { font-size: 14px; text-align: center; } .left-sidebar-280 a { color: #E10019; } =20 /* Right sidebar layout 280 */ .right-sidebar-280 { text-align: center; font-size: 0; } .right-sidebar-280 .column { width: 100%; display: inline-block; vertical-align: top; } .right-sidebar-280 .left { max-width: 100px; } .right-sidebar-280 .right { max-width: 300px; } .right-sidebar-280 .img { width: 100%; max-width: 280px; height: auto; } .right-sidebar-280 .contents { font-size: 14px; text-align: center; } .right-sidebar-280 a { color: #E10019; }=20 /*Media Queries*/ @media screen and (max-width: 400px) { .two-column .column, .three-column .column { max-width: 100% !important; } .two-column img { max-width: 100% !important; } .three-column img { max-width: 50% !important; } .navigtion { display: none !important; } } @media screen and (min-width: 401px) and (max-width: 620px) { .three-column .column { max-width: 33% !important; } .two-column .column { max-width: 50% !important; } } </style> </head> <body style=3D"margin-top:0 !important;margin-bottom:0 !important;margin-ri= ght:0 !important;margin-left:0 !important;padding-top:0;padding-bottom:0;pa= dding-right:0;padding-left:0;background-color:#ffffff;" > <!-- Start of content -->=20 <!-- Start of Wrapper --> =20 <center class=3D"wrapper" style=3D"width:100%;table-layout:fixed;-webki= t-text-size-adjust:100%;-ms-text-size-adjust:100%;" > <!-- Start of webkit --> =20 <div class=3D"webkit" style=3D"max-width:600px;margin-top:0;margin-= bottom:0;margin-right:auto;margin-left:auto;" > =20 <!-- Start of Wrapper -->=20 <!--[if (gte mso 9)|(IE)]> <table width=3D"600" align=3D"center" style=3D"border-spacing:0;font-family= :sans-serif;color:#333333;" > <tr> <td style=3D"padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;= " > <![endif]--> <!-- Start of outer table -->=20 <table class=3D"outer" align=3D"center" style=3D"border-spacing:0;font-fami= ly:sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;" > <!-- Start of content -->=20 <!-- Start of preheader --> <tr> <td > <table width=3D"100%" style=3D"border-spacing:0;font-family:sans-se= rif;color:#ffffff;" > <tr> <td > <p style=3D"Margin:0;font-family:Helvetica, arial, sans= -serif;font-size:1px;color:#ffffff" >Se fram emot massor av inspiration til= l de vackraste, personliga julklapparna</p> </td> </tr> </table> </td> </tr> <!-- End of preheader --> =20 <!-- End of content -->=20 </table> <!-- End of outer table -->=20 <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> =20 </div> <!-- End of webkit -->=20 </center> <!-- End of Wrapper --> <!-- Start of Wrapper --> <center class=3D"wra= pper" style=3D"width: 100%; table-layout: fixed;"> <!-- Start of webkit --> <div class=3D"webkit" style=3D"max-width: 600px; margin-top: 0; margin-bott= om: 0; margin-right: auto; margin-left: auto;"><!-- Start of Wrapper --> <!= --[if (gte mso 9)|(IE)]>=20 <table width=3D"600" align=3D"center" style=3D"border-spacing:0;font-family= :sans-serif;color:#333333;" _mce_style=3D"border-spacing: 0; font-family: s= ans-serif; color: #333333;" > <tr> <td style=3D"padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;= " _mce_style=3D"padding: 0;" ><![endif]--> <!-- Start of outer table --> <c= enter class=3D"wrapper" style=3D"width: 100%; table-layout: fixed;"> <!-- S= tart of webkit --> <div class=3D"webkit" style=3D"max-width: 600px; margin-top: 0; margin-bott= om: 0; margin-right: auto; margin-left: auto;"><!-- Start of Wrapper --> <!= --[if (gte mso 9)|(IE)]>=20 <table width=3D"600" align=3D"center" style=3D"border-spacing:0;font-family= :sans-serif;color:#333333;" _mce_style=3D"border-spacing: 0; font-family: s= ans-serif; color: #333333;" > <tr> <td style=3D"padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;= " _mce_style=3D"padding: 0;" ><![endif]--> <!-- Start of outer table --></d= iv> </center>=20 <table class=3D"outer" style=3D"border-spacing: 0; font-family: sans-serif;= color: #333333; margin: 0 auto; width: 100%; max-width: 600px;" align=3D"c= enter"> <!-- Start of content --> <!-- Start of Wrapper --> </table> <table class=3D"outer" style=3D"border-spacing: 0; font-family: sans-serif;= color: #333333; margin: 0 auto; width: 100%; max-width: 600px;" align=3D"c= enter"> <!-- Start of content --> <!-- Start of one column text -->=20 <tbody> <tr> <td style=3D"padding: 0;" class=3D"one-column"> <table style=3D"border-spacing: 0; font-family: sans-serif; color: #333333;= " width=3D"100%"> <tbody> <tr> <td style=3D"width: 100%; text-align: center; padding: 10px;" class=3D"inne= r contents"><a href=3D"http://f883.elaine-asp.de/go/v8vyluu4tdyqe4j45vlasoo=