@charset "UTF-8";


@media all
{

  * { margin:0; padding: 0; }
  option { padding-left: 0.4em; } /* LTR */
  select { padding: 1px; }
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  html { height: 100%; margin-bottom: 1px; }
  body {
    font-size: 100.01%;
    color: #000;
    background: #fff;
    text-align: left; /* LTR */
  }
  fieldset, img { border: 0 solid; }
  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
  li {
    margin-left: 0.8em; /* LTR */
    line-height: 1.5em;
  }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after,
  q:before, q:after { content: ""; }

 /*------------------------------------------------------------------------------------------------------*/

  #header #topnav {
    position:absolute;
    top: 10px;
    right: 10px; /* LTR */
  }


  #header, #nav, #main, #footer { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Preparation for absolute positioning within content columns */
  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
  #col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print, dfn {
    position: absolute;
    left: -1000em; /* LTR */
    top: -1000em;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    left: 0;
    top:0;
  }
}



@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 12px; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: "Microsoft Yahei","Simsun",Arial;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:  "Microsoft Yahei","Simsun",Arial;
    font-size: 75.00%;
    color: #444;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: "Microsoft Yahei","Simsun",Arial;
    font-weight:normal;
    color:#222;
    margin: 0 0 0.25em 0;
  }

  h1 
  { 
      font-size: 150%;
      float:left;
      margin-right: 15px;
  }   
  
                      /* 30px */
  h2 { font-size: 175%;margin: 0.5em 0 0.3em 0; }
  h2.blue {font-size:14px;border-bottom: 2px solid #1d8fd8;padding: 0 0 5px 15px;font-weight: bold;margin-bottom: 1px;}                       /* 24px */
  h2.green {font-size:14px;border-bottom: 2px solid #a9cb3c;padding: 0 0 5px 15px;font-weight: bold;margin-bottom: 1px;}                       /* 24px */
  /* 24px */
  h2.padding_left_none { padding-left: 0px; }
  
                       /* 24px */
  h2 span.h2_big {font-weight: bold;font-size: 20px;}
  h2 span.h2_big a {font-size:16px;color:#000;text-decoration: none;}                       
  div#content h2 span.h2_big a {font-size:16px;color:#000;text-decoration: none;}                       
  h3 
  {       
      font-weight:bold;
      background: url("http://m.reileurope.com/www/skin/css/http://m.reileurope.com/www/skin/css/dotted_bg.gif") repeat-x bottom left;
      padding-bottom: 5px;
      margin-bottom: 5px; 
  }                       /* 18px */
  h4 { font-size: 100%; font-weight: bold;margin: 0 0 2px 0; }                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 116.67%; }                    /* 14px */

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol { line-height: 1.5em; margin: 0 0 0em 0em; }
  ul li { list-style-type: none; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0em; line-height: 1.5em; }

  dt { font-weight: bold; }
  

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  blockquote, cite,q {
    font-family: "Microsoft Yahei","Simsun",Arial;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #c0c0c0;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #c0c0c0 solid;
  }
  
  div.hr
  {
      border-bottom: 1px #c0c0c0 solid;
      margin: 0 0 0.5em 0;
      padding: 0 0 0.5em 0;
  }
  
  .error
  {
      border:2px solid red;
      color:red;
      font-weight:bold;
      margin-bottom: 6px;
      padding:10px;
  }
  
  .info
  {
      border:2px solid #96C823;
      color:#96C823;
      font-weight:bold;
      margin-bottom: 6px;
      padding:10px;
  }

	  /*--- Links ----------------------------------------------------------------------------------------- */
	
	  a { color: #1189d6; background:transparent; text-decoration:underline;font-size: 11px; }
	
	  a:focus,
	  a:hover,
	  a:active { color:#1371ae; text-decoration:none; }
	  
	  a.green,
	  a.green:visited  { color: #96C823; text-decoration: underline; }
	  
	  a.green:focus,
	  a.green:hover,
	  a.green:active { color:#96C823; text-decoration:none; }
	
	  a:active {
		  outline:none;
		}
	
		:focus {
		  -moz-outline-style:none;
		}


  
  /*
  *     Spans
  */
  span.big_light_blue
  {
    color:#0F88D7;
    font-weight: bold;
    font-size: 18px;
  }
  



  
  br.small
  {
      height:5px;
      line-height: 5px;
      font-size: 5px;
  }
  
  br.clr
  {
      clear:both;
      height:0px;
      line-height: 0px;
      font-size: 0px;
      
  }
  
  br.clr_right
  {
      clear:left;
      height:0px;
      line-height: 0px;
      font-size: 0px;
  }
  
  



  
  /**
   * Header
   */
  div#header div.header_left { float: left; }
  div#header div.header_right
  {
      float: right;
      text-align:left;
      padding-top: 8px;
      width:390px;

  }
  
    a.flag_de{
       background:url("http://m.reileurope.com/www/skin/css/http://m.reileurope.com/www/skin/css/flag_off_de.jpg") no-repeat top left; 
       display:block; 
       width:37px; 
       height:26px;  
       float:left; 
       margin-top:-5px; 
       
   }
   
     a.flag_en{ 
       background:url("http://m.reileurope.com/www/skin/css/http://m.reileurope.com/www/skin/css/flag_off_en.jpg") no-repeat top left; 
       display:block; 
       width:37px; 
       height:26px;
       float:left;
       margin-left:7px;
       margin-top:-5px;    
       
    }
    
    a.flag_de_active{
       background:url("http://m.reileurope.com/www/skin/css/http://m.reileurope.com/www/skin/css/flag_shine_de.jpg") no-repeat top left; 
       display:block; 
       width:37px; 
       height:26px;
       float:left;
       margin-top:-5px; 
         
       
       
      
   }
   
     a.flag_en_active{ 
       background:url("http://m.reileurope.com/www/skin/css/http://m.reileurope.com/www/skin/css/flag_shine_en.jpg") no-repeat top left; 
       display:block; 
       width:37px; 
       height:26px;  
       float:left; 
       margin-top:-5px;
       margin-left:7px;  
       
    }
    
  
  div.logo
  {
      background: url("http://m.reileurope.com/www/skin/css/logo2.png") no-repeat top left;
      width: 328px;
      height: 53px;
      margin-left: -4px;
  }
  div.logo a
  {
      display: block;
      width: 328px;
      height: 53px;
  }
  
  div.logo h6
  {
      color: #fff;
      font-weight: normal;
      position: absolute;
      top: 46px;
      left: 134px;
      font-size: 13px;
  }
  
  div.header_search
  {
      margin-top: 10px;
  }
  
  /**
   * Sie sind hier ...
   */
  div.breadcrumb { width: 520px; }
  
  div.breadcrumb ul
  {
      padding: 0;
      margin: 0;
      margin-top: 6px;
  }
  
  div.breadcrumb ul li
  {
      font-size: 11px;
      float: left;
      list-style-type: none;
      padding:0;
      margin: 0;
      background: url("http://m.reileurope.com/www/skin/css/arrow_green.gif") no-repeat 100% 5px;
      padding-right: 8px;
      margin-right: 4px;
  }
  
  div.breadcrumb ul li.start,
  div.breadcrumb ul li.active
  {
      font-weight: bold;
      background: none;
      margin-right: 0;
  }
  
  div.breadcrumb ul li a
  {
      color: #fff;   
      text-decoration: underline; 
  }
  
  div.breadcrumb ul li a:hover { text-decoration: none; }
  
  /**
  * A Sense
  */
  
  #ad_sense
  {
      text-align: center;
      background: url("http://m.reileurope.com/www/skin/css/page_bg_shadow.png") repeat-y top left;
  }
  
  #adsense_shadow_top
  {
      background: url("http://m.reileurope.com/www/skin/css/header_shadow_top.png") no-repeat top left;
      height: 8px;
      top: 0;
      left: 0;
  }
  #adsense_top
  {
	top: 0;
	left: 0;
	height: 90px;
	width: 940px;
  }
  
  /**
   * Men�
   */
  .main_navi { /*background: url("http://m.reileurope.com/www/skin/css/navi_main_shadow.gif") no-repeat 2px 5px;*/ height: 26px;}
  
  .main_navi ul
  { 
      padding-left: 7px;
      margin-left: 0;
  }
  
  .main_navi ul li 
  {
      float:left;
      list-style: none;
      margin:0px;
      background: url("http://m.reileurope.com/www/skin/css/menu_bg_off_right.gif") no-repeat top right;
  }
  .main_navi ul li a 
  {
      display:block;      
      padding:4px 24px 4px 24px;
      background: url("http://m.reileurope.com/www/skin/css/menu_bg_off_left.gif") no-repeat top left;
      color:#fff;
      font-weight: bold;
      text-align: center;
      font-size: 13px;
      text-decoration: none;
  }
  .main_navi ul li.active
  {
      background: url("http://m.reileurope.com/www/skin/css/menu_bg_on_right.gif") no-repeat top right;
  }
  .main_navi ul li a.active 
  {
      background: url("http://m.reileurope.com/www/skin/css/menu_bg_on_left.gif") no-repeat top left;
  }
  
  .main_navi ul li a:hover,
  .main_navi ul li a:active,
  .main_navi ul li a:focus
  {
      text-decoration:underline;
      color:#fff;
  } 
  
  #subnavi
  {
      /*background: url("http://m.reileurope.com/www/skin/css/navi_bg_shadow.png") repeat-y top left;*/
      background-color: #96C823;
      padding: 3px 0px 3px 32px;
      float:left;
      width:930px;
      margin-left: 7px;
  }
  #subnavi ul { margin: 0; }
  #subnavi ul li
  {
      float: left;
      list-style: none;
      margin:0px;
  }
  #subnavi ul li.active { font-weight:bold; }
  #subnavi ul li a {color:#3c3e31;text-decoration: none;font-size: 12px;}
  #subnavi ul li a:hover {text-decoration: underline;}
  
  #main_content
  {
        background: url("http://m.reileurope.com/www/skin/css/main_content_bg.gif") repeat-x top left; 
        height:320px;
        margin:0 7px 0 9px;
  }
  

  
  dl {width:167px;margin:0px;}
  dd {margin:0px;}
  dl.root dt 
  {
      color:#fff;
      padding:8px 0 8px 13px;
      background: url("http://m.reileurope.com/www/skin/css/dt_root_bg.jpg") no-repeat top left; 
  }
  
  dl.root dd ,
  dt.root2
  {
      margin:0px;
      border-left:1px solid #ddd;
      border-right:1px solid #ddd;
      padding:1px 2px 0 2px;
  }
  
  dt.root2 { width: 161px; font-weight: normal; }
  
  dl.root dd.bottom 
  {
      margin:0px;
      border:none;
      margin-bottom: 10px;
      background: url("http://m.reileurope.com/www/skin/css/dl_bottom.gif") no-repeat top left; 
      height:3px;
      line-height: 3px;
      font-size: 3px;
  }
  
  dl.root dd a,
  dt.root2 a
  {
      background:#ddd;
      display:block;
      padding:2px 4px 2px 12px;
      text-decoration: none;
      font-size:12px;
  }
  
  dl.root dd a.active, dl.root dd a:hover,
  dt.root2 a.active, dt.root2 a:hover
  {
      background:#cbe187;
      display:block;
      padding:2px 4px 2px 12px;
      font-weight: normal;
      color: #000;
  }
  
  

  
  div.stripe
  {
      height:7px;
      line-height: 7px;
      font-size: 7px;
      background: url("http://m.reileurope.com/www/skin/css/stripe_bg.gif") repeat-x 0px 0px;
  }
  

  
  .h1_container
  {
      height:50px;
      background: url("http://m.reileurope.com/www/skin/css/h1_bg.gif") repeat-y top left; 
  }
  
  .h1_container_big
  {
      background: url("http://m.reileurope.com/www/skin/css/h1_big_bg.gif") repeat-y top left;
      height:50px; 
  }
  
  .h1_content,
  .txt_content
  {
      padding:15px 10px 10px 20px;      
  }
  

  #xg_images,
  #google_auto
  {
      width:151px;
      float:right;
      text-align: center;
      padding-top: 10px;
  }
  
  #google_auto { width: auto; }
  



  #results_border {float:left;}
  #results {padding:20px 10px 10px 20px;}

  .result_entry_border {width: 770px;background: url("http://m.reileurope.com/www/skin/css/dotted_bg.gif") repeat-x bottom left;}
  .result_entry_border_menu {width: 585px;background: url("http://m.reileurope.com/www/skin/css/dotted_bg.gif") repeat-x bottom left;}
  .result_entry_border_account {width: 545px;background: url("http://m.reileurope.com/www/skin/css/dotted_bg.gif") repeat-x bottom left; float:left;}
  .result_entry_non_marg {margin-right: 0px; }
  .result_entry {padding: 10px 0 10px 0;}
  

}

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body{ background-color: #e5e5e5; }

  /* Layout Properties | Layout-Eigenschaften */
  div.body_top { background: #fff url("http://m.reileurope.com/www/skin/css/body_bg.gif") repeat-x top left; }
  div.body_bottom { background: transparent url("http://m.reileurope.com/www/skin/css/body_bg_bottom.gif") repeat-x bottom left; }
  
  .page_margins
  {
      width: 978px;
      margin: 0 auto;
  }
  
  .page
  {
      padding-top: 2px;
      position: relative;
  }
  
  #header
  {
      height: 77px;
      color: #000;
      /*background: url("http://m.reileurope.com/www/skin/css/header_bg_complete.png") repeat-x bottom left;*/
      background: url("http://m.reileurope.com/www/skin/css/header_bg_complete2.png") repeat-x bottom left;
      padding: 7px 36px 0px 24px;
      color: #fff;
      margin-left: 1px;
  }
  
  #main1
  {
      background:transparent url("http://m.reileurope.com/www/skin/css/page_bg.png") repeat-y top left;
      float:left;
      width: 978px;
  }
  
  #main2
  {
      background: url("http://m.reileurope.com/www/skin/css/page_bg_content.png") repeat-y top left;
      float:left;
      width: 976px;
  }
  
  #main3
  {
      background: url("http://m.reileurope.com/www/skin/css/page_bg_content2.png") repeat-y top left;
      float:left;
      width: 975px;
  }
  
  #footer
  {
      color:#666;
      background: #e5e5e5 url("http://m.reileurope.com/www/skin/css/footer_shadow_top.png") repeat-x top left;
      margin: 0px auto;
      padding-top: 12px;
      width: 972px;
      text-align: center;
  }

  #nav
  {
      overflow:hidden;
      padding-left: 1px;
      background: url("http://m.reileurope.com/www/skin/css/page_bg_shadow.png") repeat-y top left;
  }
  div.hlist { }
  
  

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 184px;  margin:0 }
  #col2 { float: right; width: 152px;  margin:0 }
  #col3 { width: auto; margin: 0 0px 0 184px;}
  #col1_content { padding: 10px 10px 0 10px }
  #col2_content { padding: 0 20px 0 10px }
  #col3_content { padding: 0 0px 10px 3px }
  #col3_content.search_container { padding: 0 2px 10px 0px }
  
  .startcol{height:320px;}
  
  #col1.startcol {background: url("http://m.reileurope.com/www/skin/css/home_gradient_left.jpg") no-repeat top left;width:150px;}
  #col1.startcol #col1_content {padding: 14px 10px 0 30px;text-align: center;}
  #col2.startcol {background: url("http://m.reileurope.com/www/skin/css/home_gradient_right.jpg") no-repeat top right;width:518px;}
  #col2.startcol #col2_content {padding: 2px 20px 0 10px;text-align: right;}
  #col3.startcol {margin: 0 520px 0 150px;}
  #col3.startcol #col3_content {padding: 25px 10px 0 25px;text-align: left;}
  
  #col3.full {margin: 0 0 0 0;}
  #col3.full #col3_content {padding: 0 3px 10px 0px; text-align: left;}
  #col3.full #col3_content2 {padding: 0 0px 10px 0px; text-align: left;}
    
  /*-------------------------------------------------------------------------*/
}

 /*--------------------------食物库CSS代码----------------------------------------------*/
span.fooddt{margin: 0 3px;border-bottom: 1px solid #DDD;}
span.fooddt2{float: right;margin: 0 3px;}

table {
width: 300px;
font-size: 14px;
text-align: center;
border-collapse: collapse;
}

table th {
font-weight: normal;
border: 1px solid #d0d9f0;
border-top: 0;
background: url(../images/bi_thbg.gif) repeat-x 0 0;
color: #1d8fd8;
height: 31px;
padding: 0;
font-weight:bold;
}

td {
border: 1px solid #d0d9f0;
height: 26px;
}