/**
 * Project style sheet.
 *
 * @package    vanilla
 * @subpackage css
 * @author     Loops <evrard at h2a dot lu>
 * @version    SVN: $Id: styles.css 38 2014-08-22 15:38:29Z loops $
 */

/*** BASICS -------------------- ***/

/** these styles should be available in CKEditor too **/

.font0 { font-family: roboto, sans-serif; } /* default font family */
.font1 { font-family: raleway, sans-serif; } /* secondary font family */
.font2 {} /* ... */

.cl0 { color: #898989; } /* default color */
.cl1 { /* theme dependant /** / color: #d10e67; /**/ } /* secondary color */
.cl2 { color: #111; } /* ... */

/** images **/
img.left { margin: 0 0 20px 20px; }
img.right { margin: 0 20px 20px 0; }

/* undo lowercase for german * / html[lang="de"] .lc { text-transform: none !important; } /**/



/*** ELEMENTS ------------------ ***/

/** buttons **/
button, .btn { line-height: 1.231; display: inline-block; text-decoration: none !important; background-color: #fff; border: 1px solid; /* theme dependant /** / color: #d10e67; /**/ font-size: 14px; padding: 16px 33px; box-sizing: border-box; }
button:hover, .btn:hover, button:focus, .btn:focus {}
button:active, .btn:active {}

button[data-icon]:before, .btn[data-icon]:before { position: relative; vertical-align: middle; margin: -8px 0; }
button[data-icon="print"]:before, .btn[data-icon="print"]:before { top: -2px; left: -15px; }


.btn2 { line-height: 1.231; display: inline-block; text-decoration: none !important; /* theme dependant /** / background-color: #d10e67; /**/ border: 0; color: #fff; font-size: 14px; fohnt-weight: bold; padding: 10px 20px; box-sizing: border-box; }
.btn2:hover, .btn2:focus {}
.btn2:active {}


/** pagination **/
.pagenav { margin-top: 60px; }
  /* list */
  .pagenav_list { font-size: 16px; text-align: center; }
    /* item */
    .pagenav_item { display: inline-block; margin: 0 15px; vertical-align: middle; }
      /* link */
      .pagenav_link { color: inherit; text-decoration: none !important; }
      /* hover */
      .pagenav_link:hover { /* theme dependant /** / color: #d10e67; /**/ }
      /* active/focus */
      .pagenav_link:active, .pagenav_link:focus { /* theme dependant /** / color: #d10e67; /**/ }
      /* current, not <a> */
      .pagenav_link.\:current { font-weight: bold; /* theme dependant /** / color: #d10e67; /**/ }
      /* special links */
      .pagenav_linkprev,  /* go to previous page */
      .pagenav_linknext { vertical-align: -1px; display: inline-block; width: 8px; height: 14px; text-indent: 8px; white-space: nowrap; overflow: hidden; position: relative; }  /* go to next page */
      .pagenav_linkprev:before,  /* go to previous page */
      .pagenav_linknext:before { position: absolute; z-index: 1; top: 0; left: 0;  }  /* go to next page */
      .pagenav_linkfirst {} /* go to first page */
      .pagenav_linklast {}  /* go to last page */
      
       

/*** LISTS --------------------- ***/

/** list1, used for category on homepage **/
.list1 {}
  /* item */
  .list1_item { display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; margin: 10px 0; }
    /* box around item data */
    .list1_itembox { 
      display: table; table-layout: fixed; width: 100%; text-decoration: none !important; color: inherit;
      -ms-transition: 250ms color ease; -webkit-transition: 250ms color ease; transition: 250ms color ease;
    }
      /* item content */
      .list1_itemimgout { 
        display: table-cell; vertical-align: top; width: 90px; height: 90px; background-color: #ebebeb; border: 1px #d5d5d5 solid;  
        -ms-transition: 250ms background-color ease; -webkit-transition: 250ms background-color ease; transition: 250ms background-color ease;
      }
        .list1_itemimg { vertical-align: top; width: 100%; max-width: none; opacity: 0.4; -ms-transition: 250ms opacity ease; -webkit-transition: 250ms opacity ease; transition: 250ms opacity ease; }
      .list1_itemtitle { display: table-cell; vertical-align: middle; padding: 0 40px; font-size: 18px; }
    /* effect */
    .list1_itembox:hover > .list1_itemimgout, .list1_itembox:focus > .list1_itemimgout, .list1_itembox:active > .list1_itemimgout { background-color: #fff; }
    .list1_itembox:hover > .list1_itemimgout > .list1_itemimg, .list1_itembox:focus > .list1_itemimgout > .list1_itemimg, .list1_itembox:active > .list1_itemimgout > .list1_itemimg { opacity: 1; }
    .list1_itembox:hover, .list1_itembox:focus, .list1_itembox:active { /* theme dependant /** / color: #d10e67; /**/ }
    
.list1_btn { margin-top: 70px; }    
      
    
/** list2, used for category on aside **/
.list2 { margin: -5px; }
  /* item */
  .list2_item { display: inline-block; vertical-align: top; width: 33.3333%; box-sizing: border-box; padding: 5px; }  
    /* box around item data */
    .list2_itembox { display: block; }
      /* item content */
      .list2_itemimgout { display: block; background-color: #ebebeb; border: 1px #d5d5d5 solid;  
        -ms-transition: 250ms background-color ease; -webkit-transition: 250ms background-color ease; transition: 250ms background-color ease;
      }
        .list2_itemimg { vertical-align: top; width: 100%; max-width: none; opacity: 0.4; -ms-transition: 250ms opacity ease; -webkit-transition: 250ms opacity ease; transition: 250ms opacity ease; }
    /* effect */
    .list2_itembox:hover > .list2_itemimgout, list2_itembox:focus > .list2_itemimgout, .list2_itembox:active > .list2_itemimgout, .list2_itembox.\:current > .list2_itemimgout { background-color: #fff; }
    .list2_itembox:hover > .list2_itemimgout > .list2_itemimg, .list2_itembox:focus > .list2_itemimgout > .list2_itemimg, .list2_itembox:active > .list2_itemimgout > .list2_itemimg, .list2_itembox.\:current > .list2_itemimgout > .list2_itemimg { opacity: 1; }
      
    
/** list 3, used for shop **/
.list3_header { border-top: 1px #d5d5d5 solid; margin-top: 30px; padding: 30px 0; font-size: 12px; }
  .list3_headerbtn { float: right; margin-top: -15px; margin-left: 40px; }
  
.list3 {}
  .list3_item { background-color: #fff; padding: 30px 40px 0 40px; border: 1px #d5d5d5 solid; box-sizing: border-box; position: relative; }
  .list3_item + .list3_item { margin-top: 10px; }
    .list3_itemtitle { margin: -30px -40px 0 -40px; font-weight: bold; font-size: 18px; padding: 30px 40px; }
    .list3_itemcontent { border-top: 1px #d5d5d5 solid; padding: 0 0 40px; }
    
    /* just to mask last border */
    .list3_itemsublist_out { position: relative; }
    .list3_itemsublist_out:after { content: ""; z-index: 1; position: absolute; bottom: 0; height: 1px; background-color: #fff; left: 0; right: 0; }
    
      .list3_itemsublist { margin: 15px -30px -20px 0; position: relative;
        display: -ms-flexbox; display: -webkit-flex; display: flex;
        -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; 
        /* -ms-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; */
        -ms-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; 
        text-align: justify;
      }
        .list3_itemsubitem { 
          display: inline-block; vertical-align: top; width: calc( 50% - 30px ); margin-right: 30px; box-sizing: border-box; 
          padding-bottom: 68px; position: relative; margin-top: 15px; line-height: 1.467; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
          border-bottom: 1px #d5d5d5 solid; 
        }
        .list3_itemsubitem > .btn2 { position: absolute; bottom: 20px; left: 0; z-index: 1; }
    .list3_itemfoot { margin: 40px 0 0; padding-top: 30px; border-top: 1px #d5d5d5 solid; }
    
    html.js .js_pane_trigger { 
      cursor: pointer; position: relative; padding-right: 100px;
      -ms-transition: 250ms color ease; -webkit-transition: 250ms color ease; transition: 250ms color ease;
    }
    html.js .js_pane_trigger:hover { /* theme dependant /** / color: #d10e67; /**/ }
    html.js .js_pane_trigger + .js_pane { display: none; }
    html.js .js_pane_trigger:before { content: ""; height: 2px; width: 14px; background-color: currentColor; position: absolute; z-index: 1; top: 50%; right: 40px; margin-top: -1px;
      /* may be required for browser compatibility /** / -ms-transition: 250ms color ease; -webkit-transition: 250ms color ease; transition: 250ms color ease; /**/
    }
    html.js .js_pane_trigger:after { 
      content: ""; width: 2px; height: 14px; background-color: currentColor; position: absolute; z-index: 1; top: 50%; right: 46px; margin-top: -7px;
      /* may be required for browser compatibility /** / -ms-transition: 250ms color ease, 250ms opacity ease; -webkit-transition: 250ms color ease, 250ms opacity ease; transition: 250ms color ease, 250ms opacity ease; /**/
      -ms-transition: 250ms opacity ease; -webkit-transition: 250ms opacity ease; transition: 250ms opacity ease;
    }
    /* let JS do the job /** / html.js .js_pane_trigger.\:open + .js_pane { display: block; } /**/
    html.js .js_pane_trigger.\:open:after { opacity: 0; }
    

/*** LAYOUT -------------------- ***/

/** container **/
/* set default background-color */
body { background-color: #f0f0f0; } 
#mainwrap { position: relative; overflow: hidden; }
  .wrap { max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 0 40px; }
  

/** header **/
#mainheader { /* theme dependant /** / background-color: #d10e67; /**/ padding: 0 40px; }
  #mainheader_wrap { max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 5px 0; }

  /* logo */
  #mainheaderlogo { display: none; }
    #mainheaderlogo_img { max-width: none; } /* make sure IE8 will display it */
    
  /* nav */
  #mainheadernav { color: #fff; text-align: right; font-size: 14px; padding: 1px 0 2px; }
    #mainheadernav_list {}
      .mainheadernav_item { display: inline-block; vertical-align: middle; }
      .mainheadernav_item + .mainheadernav_item:before { content: "|"; display: inline-block; margin: auto 15px; }
        .mainheadernav_link {}
        /* hover */
        .mainheadernav_link:hover { text-decoration: underline; }
        /* active/focus */
        .mainheadernav_link:focus, .mainheadernav_link:active { text-decoration: underline; }
        /* current */
        .mainheadernav_link.\:current {}
        /* home icon */
        .mainheadernav_link[data-icon="home"] { display: inline-block; width: 14px; height: 14px; white-space: nowrap; text-indent: 14px; overflow: hidden; position: relative; top: 2px; }
        .mainheadernav_link[data-icon="home"]:before { position: absolute; top: 0; left: 0; z-index: 1; }
        
  /* lang */
  #mainheaderlang {}
    #mainheaderlang_list {}
      .mainheaderlang_item {}
        .mainheaderlang_link {}
          .mainheaderlang_link > abbr { cursor: pointer; }
        /* hover */
        .mainheaderlang_link:hover {}
        /* active/focus */
        .mainheaderlang_link:focus, .mainheaderlang_link:active {}
        /* current */
        .mainheaderlang_link.\:current {}
        
  
/** content **/
#maincontent { display: inline-block; width: 100%; padding-bottom: 80px; } /* avoid margin merge on content */
        

/** footer **/
#mainfooter { padding: 0 40px; }
  #mainfooter_wrap { max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 40px 0; border-top: 1px #d5d5d5 solid; }

  /* logo */
  #mainfooterlogo { float: left; margin-top: -20px; }

  /* nav */
  #mainfooternav { text-align: right; font-size: 14px; padding: 1px 0 2px; }
    #mainfooternav_list {}
      .mainfooternav_item { display: inline-block; vertical-align: middle; }
      .mainfooternav_item + .mainfooternav_item:before { content: "|"; display: inline-block; margin: auto 15px; }
        .mainfooternav_link {}
        /* hover */
        .mainfooternav_link:hover { text-decoration: underline; }
        /* active/focus */
        .mainfooternav_link:focus, .mainfooternav_link:active { text-decoration: underline; }
        /* current */
        .mainfooternav_link.\:current {}
  
/** second footer **/  
#mainfootercolumn { padding: 0 40px; white-space: nowrap; }
  #mainfootercolumn_wrap { max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 30px 0; border-top: 1px #d5d5d5 solid; position: relative; }
    #mainfootercolumn_main { float: right; width: calc( 100% - 340px ); max-width: 760px; } /* same than .standardcolumn_main */
    #mainfootercolumn_aside { float: left; width: 300px; } /* same than .standardcolumn_aside */
    
    #mainfootercolumn_aside > #mainfooternav1 { float: left; min-width: 240px; }
    #mainfootercolumn_aside > #mainfooternav2 { position: absolute; top: 30px; left: 50%; z-index: 1; margin-left: -100px; }
    #mainfootercolumn_aside > #mainfooternav1 + #mainfooternav2 { float: left; position: static; margin-left: 0; }

  /* logo */
  #mainfooterlogo1 { text-decoration: none !important; display: inline-block; margin-top: -12px; vertical-align: middle; margin-right: 35px; }
  #mainfooterlogo2 { text-decoration: none !important; display: inline-block; vertical-align: middle; }

  /* another nav */
  #mainfooternav1 { font-size: 14px; }
    #mainfooternav1_title { margin: 0 0 10px; font-size: 15px; }
    #mainfooternav1_list {}
      .mainfooternav1_item { margin: 5px 0; }
        .mainfooternav1_link {}
        /* hover */
        .mainfooternav1_link:hover { text-decoration: underline; }
        /* active/focus */
        .mainfooternav1_link:focus, .mainfooternav1_link:active { text-decoration: underline; }
        /* current */
        .mainfooternav1_link.\:current {}

  /* social network nav */
  #mainfooternav2 {}
    #mainfooternav2_title {}
    #mainfooternav2_list { margin: 0 -10px 0 0; }
      .mainfooternav2_item { display: inline-block; vertical-align: top; margin-right: 8px; }
        .mainfooternav2_link { background-color: #323e78; text-decoration: none !important; display: inline-block; width: 44px; height: 44px; }
        /* hover */
        .mainfooternav2_link:hover {}
        /* active/focus */
        .mainfooternav2_link:focus, .mainfooternav2_link:active {}
  
/** third footer **/  
#mainfooter2 { padding: 0 40px; white-space: nowrap; }
  #mainfooter2_wrap { max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 30px 0; border-top: 1px #d5d5d5 solid; position: relative; text-align: center; }
    #mainfooter2_wrap > #mainfooternav2 { display: inline-block; vertical-align: 12px; margin-left: 35px; }
  
  
/** cookie shit **/
/* default display */
#maincookie { position: fixed; z-index: 20; bottom: 0; left: 0; width: 100%; background-color: #fff; background-color: rgba(255,255,255,.7); }
  #maincookie_text { position: relative; margin: 10px 50px; padding-right: 30px; }
/* with JS */
html.js #maincookie { display: none; } /* by default hide */
/* added in JS */
#maincookie_trigger { position: absolute; top: 50%; right: 0; font-size: 28px; margin-top: -19px; cursor: pointer; }
#maincookie_trigger:before { font-family: arial, sans-serif; content: "\00D7"; }
  

/** standard layout **/
#standardlayout {}
  #standardheader { height: 410px; overflow: hidden; }
    #standardheader_wrap { max-width: 1280px; position: relative; text-align: right; padding: 0; overflow: hidden; }
    #standardheader_wrap:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 470px; height: 410px; background-position: 0 0; background-repeat: no-repeat; /* theme dependant /** / background-image: url(images/bg_standardheader.png); /**/ background-size: 470px 410px; }
      #standardheaderlogo { position: absolute; z-index: 2; left: 163px; bottom: 25px; }
      #standardheaderimg { max-width: none; height: 100%; float: right; }
      #standardheaderimg_1024 { max-width: none; height: 100%; float: right; display: none; }
      
      
  .standardintro_wrap { max-width: 880px; }
    .standardintro_title { text-align: center; }
    .standardintro_subtitle { text-align: center; }
    .standardintro_text { text-align: center; }
    .standardintro_btn { margin-top: 40px; }
    
  .standardsection_wrap { max-width: 880px; }
    .standardsection_title { text-align: center; }
    
  .standardcolumn_wrap {}
    .standardcolumn_main { float: right; width: calc( 100% - 340px ); max-width: 760px; }
      .standardcolumn_maintitle_sup {  }
      .standardcolumn_maintitle { display: table; height: 90px; margin-top: 0; table-layout: fixed; }
        .standardcolumn_maintitle_img { display: table-cell; vertical-align: top; border: 1px #d5d5d5 solid; background-color: #fff; width: 90px; max-width: none; }
        .standardcolumn_maintitle_txt { display: table-cell; vertical-align: middle; padding-left: 40px; }
    .standardcolumn_aside { float: left; width: 300px; }
      .standardcolumn_asidebox + .standardcolumn_asidebox { margin-top: 55px; }
      
    .standardcolumn_aside.\:clone { position: fixed; z-index: 10; top: 0; left: auto; background-color: inherit; opacity: .5; }
      #standardcolumn_asidebox01_clone { display: none; } /* not the search box */
  
  .standardfooter { margin-top: 120px; }
    .standardfooter_wrap { max-width: 880px; }
      .standardfooter_box { background-color: #fff; border-top: 2px solid; padding: 25px 30px; position: relative; display: block; text-decoration: none !important; }
        .standardfooter_title { color: inherit; }
        .standardfooter_btn { margin-top: 20px; }
        .standardfooter_img { 
          position: absolute; top: -10px; right: 63px; z-index: 2; -webkit-box-shadow: 1px 1px 9px rgba(0,0,0,.19); box-shadow: 1px 1px 9px rgba(0,0,0,.19); 
          -webkit-transform: rotate(-2.21deg); -ms-transform: rotate(-2.21deg); transform: rotate(-2.21deg);
        }
        .standardfooter_img2 {
          position: absolute; top: 9px; right: 143px; z-index: 1; -webkit-box-shadow: 1px 1px 9px rgba(0,0,0,.19); box-shadow: 1px 1px 9px rgba(0,0,0,.19); 
          -webkit-transform: rotate(-10.48deg); -ms-transform: rotate(-10.48deg); transform: rotate(-10.48deg);
        }
  

/** special form **/
#standardsection_searchform_input { padding: 15px; font-size: 15px; background-color: #fff; }

  
/** home layout **/
#homelayout {}
  #homeheader {}
  .homesection {}
    .homesection_title {}
  #homefooter {}

    

/*** MEDIA QUERIES ------------- ***/

/* for screen bigger than 1600px */
@media screen and (min-width: 1600px)
{
  
}

/* for screen smaller than 1060px */
@media screen and (max-width: 1060px)
{
  /* no more float */
  .standardcolumn_wrap { position: relative; }
    .standardcolumn_main { float: none; width: 100%; max-width: none; }
    .standardcolumn_aside { float: none; width: 100%; }
      .standardcolumn_asidebtn { max-width: 300px; }
    
  /* category navigation */
  body:not(.sfmod_home) > #mainwrap { padding-bottom: 150px; } /* approximate the height of the special category navigation */
  .standardcolumn_aside.\:clone { display: none !important; }
  #standardcolumn_asidebox02 { max-height: 150px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; padding: 20px 40px; background-color: #fff; border-top: 1px #d5d5d5 solid; margin: 0; }
  #standardcolumn_asidebox02 > .standardcolumn_asidetitle { margin: 0 0 20px; }
    .list2 { margin: 0 -40px; white-space: nowrap; overflow: auto; position: relative; }
    .list2:before, .list2:after { content: ""; display: inline-block; width: 35px; }
      .list2_item { width: 70px; }
    .list2.\:current:before { margin-left: 70px; }
      .list2_item.\:current { position: absolute; top: 0; left: 35px; z-index: 1; }
      
  /* search */
  .standardcolumn_wrap { position: relative; padding-top: 85px; }
    #standardcolumn_asidebox01 { max-height: 85px; position: absolute; top: 0; left: 0; right: 0; z-index: 1; padding: 0 40px; }
    #standardcolumn_asidebox01 > .standardcolumn_asidetitle { margin-top: 0; }
  
  /* items by row */
  .list3_itemsubitem { width: calc( 33.3333% - 30px ); }
  
  /* tablet display */
  #standardheader { height: 360px; }
    #standardheader_wrap:before { width: 415px; height: 360px; /* theme dependant /** / background-image: url(images/bg_standardheader_1024_x2.png) !important; /**/ background-size: 415px 360px; }
    #standardheaderimg { max-width: none; height: 100%; float: right; display: none; }
    #standardheaderimg_1024 { display: block; }
}

/* for screen smaller than 860px */
@media screen and (max-width: 860px)
{
  /* undo banner for all except homepage */
  body:not(.sfmod_home) #standardheader { display: none; }
  
  /* full width */
  .list1_item { width: auto; margin: 10px auto; display: block; }
    .list1_itemtitle { padding-right: 0; }
  
  /* homepage */
    .standardintro_subtitle { text-align: initial; }
    .standardintro_text { text-align: initial; }
    .standardsection_title { text-align: initial; }
  
  /* items by row */
  .list3_itemsubitem { width: calc( 50% - 30px ); }
  
}

/* for screen smaller than 760px */
@media screen and (max-width: 760px)
{
  
  /* adapt footer */
  #mainfooter2_wrap { padding: 25px 0 15px; }
  #mainfooter2_wrap > #mainfooterlogo1 { float: left; margin-right: 0; }
  #mainfooter2_wrap > #mainfooterlogo2 { float: right; }
  
  #mainfooter2_wrap > #mainfooternav2 { display: block; clear: both; margin-left: 0; }
  #mainfooter2_wrap > #mainfooternav2:before { content: ""; display: block; height: 0; border-bottom: 1px #d5d5d5 solid; padding-top: 20px; margin-bottom: 15px; }
  
  /* adapt header */
  #mainheadernav { text-align: center; }
    .mainheadernav_item:last-child { display: none; }
  
  /* mobile display */
  #standardheader { height: 180px; background-color: #323e78; }
    #standardheader_wrap:before { width: 320px; height: 180px; /* theme dependant /** / background-image: url(images/bg_standardheader_320_x2.png) !important; /**/ background-size: 320px 180px; }
    #standardheaderimg_1024 { visibility: hidden; }
    
  /* mobile display */
  .standardfooter_box { text-align: center; }
    .standardfooter_img { display: none; }
    .standardfooter_img2 { display: none; }
  
}

/* for screen smaller than 650px */
@media screen and (max-width: 650px)
{
  /* change wrap */
  .wrap, #mainheader, #mainfooter2, #standardcolumn_asidebox01, #standardcolumn_asidebox02 { padding-left: 20px; padding-right: 20px; }
    
  /* adapt from wrap */
  .list2 { margin: 0 -20px; }
  .list2:before, .list2:after { width: 15px; }
    .list2_item.\:current { left: 15px; }
  
  /* adopt tiny display */
  body:not(.sfmod_home) > #mainwrap { padding-bottom: 110px; }
  #standardcolumn_asidebox02 { padding-top: 10px; padding-bottom: 10px; max-height: 110px; }
    #standardcolumn_asidebox02 > .standardcolumn_asidetitle { margin: 0 0 5px; }
  
  /* reduce font-size */
  .list1_itemimgout { width: 65px; height: 65px; }
  .list1_itemtitle { font-size: 15px; padding-left: 20px; }
  /* no more get PDF button */
  .list1_btn, .list3_headerbtn, .standardcolumn_asidebtn, #standardcolumn_asidebox03 { display: none; }
  
  /* category title */
  .standardcolumn_maintitle { height: 60px; }
    .standardcolumn_maintitle_img { width: 60px; }
    .standardcolumn_maintitle_txt { padding-left: 20px; }
    
  /* reduce spacing */
  .list3_item { padding: 15px 20px 0 20px; }
    .list3_itemtitle { margin: -15px -20px 0 -20px; padding: 15px 20px; }
    .list3_itemcontent { padding-bottom: 20px; }
      .list3_itemsublist { margin-top: 0; }
      .list3_itemfoot { margin-top: 20px; padding-top: 15px; }
    
    html.js .js_pane_trigger:before { right: 20px; }
    html.js .js_pane_trigger:after { right: 26px; }
  
  /* reduce font-size */
  h1, .h1 { font-size: 24px;  margin: 40px auto; }
  h2, .h2 { font-size: 16px; }
  h3, .h3 { font-size: 12px; }
  
}

/* for screen smaller than 560px */
@media screen and (max-width: 560px)
{
  /* full width */
  .list3_itemsubitem { width: 100%; }
}

/* for screen smaller than 470px */
@media screen and (max-width: 470px)
{
  /* change wrap */
  .wrap, #mainheader, #mainfooter2, #standardcolumn_asidebox01, #standardcolumn_asidebox02 { padding-left: 10px; padding-right: 10px; }
    
  /* adapt from wrap */
  .list2 { margin: 0 -10px; }
  .list2:before, .list2:after { width: 5px; }
    .list2_item.\:current { left: 5px; }
}
  

    

/*** High resolution device ---- ***/

/** resolution x2 **/
/* remove the space to test x2 icons on normal resolution */
@media /** / screen, /**/ (-webkit-min-device-pixel-ratio: 2), ( min-resolution: 192dpi), ( min-resolution: 2dppx)
{
  #standardheader_wrap:before { /* theme dependant /** / background-image: url(images/bg_standardheader_x2.png); /**/ }
}

    

/*** CSS HACKS ----------------- ***/
/* last update 2015-05-01 */

/**

/* Firefox 2+ * /
x:-moz-any-link, .selector { property: value; }

/* Opera 14+, Safari, Chrome, Android * /
.selector:not(*:root) { property: value; }

/* Safari 7+ * /
@media \\0 screen { .selector { property: value; } }

/* Chrome 29+, Opera 16+ * /
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .selector { property: value; } }

/* Chrome, Safari 3+ * /
@media screen and (-webkit-min-device-pixel-ratio:0) { .selector { property: value; } }

/* Safari 5+/6-, Chrome 24- * /
::x, .selector { property: value; }

/* Opera 9.5+/14- * /
x:-o-prefocus, .selector { property: value; }

/* IE 11/10 * /
@media all and (-ms-high-contrast:none) { .selector { property: value; } }

/* IE 11 * /
*::-ms-backdrop, .selector { property: value; }

/* IE 9 (html specific) * /
html.ie9 .selector { property: value; }

/* IE 6-10 * /
.selector { property: value\9; } 

/* more hacks at http://browserhacks.com **/