/* 
    Document   : main
    Created on : 31.12.2011
      
*/

html
{ 
  height: 100%;
}

*
{ 
  margin: 0;
  padding: 0;
}

body
{ 
  font: normal .78em arial, sans-serif;
  background: #444;
  color: #777;
}

img
{ 
  border: 0;
}

p
{ 
  padding: 0 0 16px 0;
  line-height: 1.7em;
}


h1, h2 
{ 
  font: normal 175% 'century gothic', arial, sans-serif;
  color: #111;
  margin: 0 0 10px 0;
  padding: 15px 0 5px 0;
}

h3, h4, h5, h6 
{ 
  font: normal 125% 'century gothic', arial, sans-serif;
  color: #111;
  margin: 0 0 10px 0;
  padding: 15px 0 5px 0;
}

#contact_address
{ 
  font: normal 130% 'century gothic', arial, sans-serif;
}
#contact_address p
{ 
  color: #111;
  margin: 0 0 3px 0;
  padding: 0 0 0 0;
}

a, a:hover
{ 
  outline: none;
  color: #111;
  text-decoration: underline;
}

a:hover
{ 
  text-decoration: none;
}

ul
{ 
  margin: 2px 0 22px 17px;
}

ul li
{ 
  list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
}

ol
{ 
  margin: 8px 0 22px 20px;
}

ol li
{ 
  margin: 0 0 11px 0;
}

#full_site, #header, #header_pic, #menubar, #main_page, #footer
{ 
  margin-left: auto; 
  margin-right: auto;
}

#full_site
{ 
  width: 820px;
  background: url(../images/BackWithShadow.png) repeat-y;
}

#header
{ 
  width: 800px;
  background: url(../images/BackBlack.png) repeat-x;
}

#lang_selector
{ 
  width: 800px;
  text-align: right;
  background: white;
}

#lang_selector a
{ 
  color: #000;
  text-decoration: none;
}

#lang_selector a:hover
{ 
  color: #000;
  text-decoration: none;
}

#header_pic
{ 
  width: 800px;
  position: relative;
  height: 200px;
  background: url(../images/HeaderShanghai.jpg) no-repeat;
}

#header_pic #header_pic_text 
{ 
  position: absolute; 
  top: 0px;
  left: 30px;
}


#header_pic h1
{ 
  font: bold 300% 'Arial Black', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0;
  color: #000;
}

#header_pic_text h1, #header_pic_text h1 a, #header_pic_text h1 a:hover 
{ 
  padding: 10px 0 0 0;
  color: #000;
  letter-spacing: 0.1em;
  text-decoration: none;
}

#header_pic_text h1 a .pic_color
{ 
  color: #000;
}

#header_pic #header_pic_welcome_de
{ 
  font: normal 60% 'Arial', arial, sans-serif;
  position: absolute; 
  top: 15px;
  right: 20px;
  letter-spacing: 0.1em;
  text-decoration: none;
}

#header_pic #header_pic_welcome_cn
{ 
  font: normal 75% 'Arial', arial, sans-serif;
  position: absolute; 
  top: 50px;
  right: 70px;
  letter-spacing: 0.1em;
  text-decoration: none;
}

#menubar
{ 
  background: #666666;
  width: 800px;
  height: 30px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  position: relative;
  z-index: 1;
  float: left;
} 

ul#menu
{ 
  float: left;
  margin: 0;
}

ul#menu li
{ 
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
  list-style: none;
}

ul#menu li a
{ 
  letter-spacing: 0em;
  font: bold 130% arial, sans-serif;
  text-transform: uppercase;
  display: block; 
  float: left; 
  height: 30px;
  text-decoration: none; 
  text-align: center;
  padding: 5px 5px 5px 5px;
  color: #F8F8F8;
  border: 0;
} 

ul#menu li.selected a
{ 
  height: 30px;
  color: #000;
  text-align: center;
  padding: 5px 5px 5px 5px;
}

ul#menu li.selected
{ 
  margin: 0 0 0 0;
  background: #FFF;
}

ul#menu li.selected a:hover
{ 
  color: #000;
}

ul#menu li a:hover
{ 
  color: #CCCCCC;
}

#main_page
{ 
  width: 800px;
  overflow: hidden;
  background: #FFF;
} 

.sidebar
{ 
  float: right;
  width: 160px;
  padding: 20px 25px 15px 15px;
}

.sidebar ul
{ 
  width: 140px; 
  padding: 4px 0 0 0; 
  margin: 4px 0 30px 0;
}

.sidebar li
{ 
  list-style: none; 
  padding: 0 0 7px 0; 
}

.sidebar li a, .sidebar li a:hover
{ 
  padding: 0 0 0 40px;
  display: block;
  background: transparent url(../images/YuanBao.gif) no-repeat left center;
} 

.sidebar li a.selected
{ 
/*  color: #444;*/
  text-decoration: none;
} 

#content
{ 
  text-align: left;
  width: 550px;
  float: left;
  padding: 20px 0 15px 30px;
}

#footer
{ 
  width: 802px;
  height: 35px;
  padding: 20px 0 4px 0;
  text-align: center; 
  background: #333333;
  color: #AAA;
  border-top: 1px solid #FFF;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 80%;
}

#footer a
{ 
  color: #FFE;
  text-decoration: none;
}

#footer a:hover
{ 
  color: #FFE;
  text-decoration: none;
}