/* @group Layout */
#Carousel {
  margin-bottom: 1em;
}
#ContentContainer {
  width: 518px;
  background: url(http://assets.hassia.com/images/backgrounds/hassiawaters_homepage_content_bottom.gif) no-repeat bottom;
  padding-bottom: 7px;
  display: table;
  float: left;
}
#ContentContainer #Content {
  width: 478px;
  background: #FFF url(http://assets.hassia.com/images/backgrounds/hassiawaters_homepage_content_top.jpg) no-repeat top;
  padding: 0 20px 4px 20px;
  border: none;
}
#Sidebar {
  width: 255px;
  float: right;
}
#InfoBoxContainer {
  background: url(http://assets.hassia.com/images/backgrounds/hassiawaters_homepage_sidebar_bottom.gif) no-repeat bottom;
  padding-bottom: 7px;
  display: table;
  float: left;
  margin-bottom: 4px;
}
#InfoBox {
  width: 235px;
  background: #FFF url(http://assets.hassia.com/images/backgrounds/hassiawaters_homepage_sidebar_top.jpg) no-repeat top;
  padding: 0 10px 10px 10px;
  border: none;
}
#Header {
  position: relative;
}
#CompanyOf {
  position: absolute;
  top:  30px;
  left: 673px;
}
/* @end */



/* @group Content */
h1.header {
  font-size: 1em;
  line-height: 2.5em;
  margin-bottom: 1.5em;
}
#Sidebar h2 {
  border: none;
  margin-bottom: 0.5em;
  font-size: 1.2em;
}
#Sidebar h1 a,
#Sidebar h2 a {
  color: #003380;
  text-decoration: none;
}
#Sidebar h1 a:hover,
#Sidebar h2 a:hover {
  text-decoration: underline;
}
#Sidebar p {
  font-size: 0.86em;
  line-height: 1.5em;
}
#Sidebar ul li {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #c9d4e4;
}
#Sidebar ul li.last {
  border: none;
  padding: 0;
  margin: 0;
}
/* @end */



/* @group Products */
#Content ul.products {
  padding: 0;
  margin: 0;
}
ul.products li {
  padding: 0;
  margin: 0;
  display: block;
  width: 452px;
  background: url(http://assets.hassia.com/images/product_bg.jpg) no-repeat left top;
}
ul.products li img {
  float: left;
}
ul.products li h3 {
  color: #C00;
  padding: 28px 0 0 0;
}
ul.products li h3 {
  color: #C00;
}
/* @end */



/* @group Region */
#MainRegion {
  background: url(http://assets.hassia.com/images/backgrounds/world.jpg) no-repeat center top;
  height: 800px;
}
#ContentRegion {
  margin: 0 auto;
  padding-top: 100px;
  width: 800px;
}
#ContentRegion h1 {
  color: white;
  text-align: center;
  padding-bottom: 1em;
  font-weight: normal;
}
#ContentRegion p {
  height: 210px;
  position: relative;
  width: 290px;
}
#GermanRegion {
  left: 50px;
  top: 45px;
}
#EnglischRegion {
  top: -165px;
  left: 462px;
}
#ContentRegion a {
  background-position: center top;
  background-repeat: no-repeat;
  color: white;
  display: block;
  height: 53px;
  line-height: 1.2em;
  padding-left: 48px;
  padding-top: 157px;
  text-decoration: none;
  width: 242px;
}
#GermanRegion a {
  background-image: url(http://assets.hassia.com/media/hassiawaters/hassia_gruppe.jpg);
}
#EnglischRegion a {
  background-image: url(http://assets.hassia.com/media/hassiawaters/hwi_logo.jpg);
}
#ContentRegion a:hover{
  color: #fff000;
}
#GermanRegion a:hover {
  background-position: center bottom;
}
#EnglischRegion a:hover {
  background-position: center bottom;
}
/* @end */