/* CSS Document */

/* @group Documents Defaults */

* {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
}

html {
  background: #5879AC url(http://assets.hassia.com/images/bg_gradient_hassia.jpg) repeat-x center 135px;
}

body {
  margin: 0px;
}

body, p, ol, ul, td {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: small;
  color: #333231;
}

/* @end */

/* @group Header */

#HeaderContainer {
  width: 100%;
  height: 110px;
  background: #FFF url(http://assets.hassia.com/images/header_bg.gif) repeat-x;
}

#Header {
  width: 778px;
  margin-left: auto;
  margin-right: auto;
}

#SiteId {
  width: 239px;
  height: 110px;
  float: left;
}

#GroupLinks {
  float: right;
  height: 20px;
  padding: 5px;
}

#GroupLinks ul {
  margin: 0;
  padding: 0;
}

#GroupLinks ul li {
  float: left;
  list-style: none;
}

#GroupLinks ul li a {
  text-decoration: none;
  color: #666462;
  border-left: 1px solid #666462;
  padding: 0 10px;
}

#GroupLinks ul li.first a {
  border: none;
}

#GroupLinks ul li a:hover {
  color: #000;
}

#Search {
  clear: right;
  float: right;
  margin-top: 31px;
  width: 247px;
  height: 49px;
  background: url(http://assets.hassia.com/images/search_bg.gif);
}

/* @end */

/* @group MenuBar */

#MenuBar {
  width: 100%;
  height: 31px;
  background: url(http://assets.hassia.com/images/nav1_bg.gif) repeat-x top;
}

#MenuBar ul {
  width: 778px;
  margin: 0 auto;
  padding: 0;
}

#MenuBar ul li {
  list-style: none;
  float: left;
}

#MenuBar ul li a {
  padding: 0 5px;
  float: left;
  font-size: 1.1em;
  line-height: 1em;
  color: #003380;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  cursor: pointer;
}

#MenuBar ul li a:hover {
  color: #000;
}

#MenuBar ul li a span {
  float: left;
  display: block;
  padding: 5px 12px;
  height: 21px;
}

#MenuBar ul li.current a {
  background: url(http://assets.hassia.com/images/nav1_on_right.gif) no-repeat right;
}

#MenuBar ul li.current, #MenuBar ul li#nav_startseite.current {
  height: 31px;
  background: url(http://assets.hassia.com/images/nav1_on_left.gif) no-repeat left;
}

#MenuBar ul li.current a span {
  background: url(http://assets.hassia.com/images/nav1_on_bg.gif) repeat-x;
}

#MenuBar ul li#nav_startseite {
  background: url(http://assets.hassia.com/images/home.gif) no-repeat left 7px;
}

/* @end */

/* @group Breadcrumbs */

#Breadcrumbs {
  font-size: 0.93em;
  color: #FFF;
  width: 478px;
  display: block;
  margin: 0 auto;
  padding: 16px 0px 10px 290px;
}

#Breadcrumbs a {
  color: #FFF;
  text-decoration: none;
  font-style: normal;
}

#Breadcrumbs a:hover {
  
}

/* @end */

/* @group Main */

#MainContainer {
  background: url(http://assets.hassia.com/images/bg_bubbles_hassia.jpg) repeat-x 30% bottom;
  min-height: 540px;
  height: auto !important;
  /* für

moderne Browser */
	height: 540px;
/*für den I

E */
}

#Main {
  width: 778px;
  margin: 0 auto;
}

#Content {
  float: right;
  display: block;
  width: 452px;
  min-height: 280px;
  /*background: #FFF url(http://assets.hassia.com/images/content_bg.gif) repeat-x top;*/
  background-color: #FFFFFF;
  border: 1px solid #0e2f63;
  padding: 24px 32px 24px 28px;
}

#Content.wide {
  width: 708px;
  float: none;
}

#Trademark {
  text-align: center;
}

/* @end */

/* @group Footer */

#Footer {
  clear: both;
  width: 778px;
  padding: 10px 0;
  margin: 0 auto;
}

#Footer * {
  color: #FFF;
}

#Copyright {
  float: left;
  font-size: 0.93em;
}

#MetaLinks {
  float: right;
}

#Footer {
  height: 40px;
}

#Footer ul {
  font-size: 0.93em;
  margin: 0;
  padding: 0;
}

#Footer ul li {
  list-style: none;
  float: left;
}

#Footer ul li a {
  text-decoration: none;
  padding: 0 10px;
  border-left: 1px solid #FFF;
}

#Footer ul li.first a {
  border: none;
}

/* @end */

/* @group SideBar */

#SideBar {
  display: block;
  float: left;
  width: 240px;
  margin-right: 20px;
}

#SideBar ul {
  margin: 0;
  padding: 0;
}

#SideBar ul li {
  list-style: none;
  width: 240px;
}

#SideBar ul li a {
  color: #FFF;
  text-decoration: none;
  font-style: normal;
  font-weight: bold;
  display: block;
  width: 240px;
  background: url(http://assets.hassia.com/images/nav2_bg.gif) no-repeat right;
  margin-bottom: 1px;
  cursor: pointer;
}

#SideBar ul li a:hover {
  background: url(http://assets.hassia.com/images/nav2_bg_over.gif) no-repeat right;
}

#SideBar ul li a span {
  display: block;
  background: #003380;
  margin-right: 9px;
  padding: 8px 8px 8px 18px;
}

#SideBar ul li.current a span {
  background: #003380 url(http://assets.hassia.com/images/nav2_arrow_right.gif) no-repeat 4px 50%;
}

#SideBar ul li.current.has-childs a {
  background: url(http://assets.hassia.com/images/nav2_bg_childs.gif) no-repeat right;
}

#SideBar ul li.current.has-childs a:hover,
#SideBar ul li.current.has-childs a {
  background: url(http://assets.hassia.com/images/nav2_bg_childs_over.gif) no-repeat right;
}

#SideBar ul li.current.has-childs ul {
  margin-bottom: 1px;
}

#SideBar ul li.current.has-childs ul li {
}

#SideBar ul li.current.has-childs ul li a {
  background: none;
  color: #003380;
}

#SideBar ul li.current.has-childs ul li.current a {
  color: #FFF;
  font-weight: bold;
}

#SideBar ul li.current.has-childs a span {
  background: #003380 url(http://assets.hassia.com/images/nav2_arrow_down.gif) no-repeat 4px 50%;
}

#SideBar ul li.current.has-childs a:hover span, 
#SideBar ul li.current.has-childs a span {
  background: #39619D url(http://assets.hassia.com/images/nav2_arrow_down.gif) no-repeat 4px 50%;
}

#SideBar ul li.current.has-childs ul li a span {
  background: #5879AC;
  margin: 0px;
  padding: 4px 8px 0px 18px;
}

#SideBar ul li.current.has-childs ul li a:hover span {
  background: #39619D;
}

#SideBar ul li.current.has-childs ul li.current a span {
  background: #5879AC url(http://assets.hassia.com/images/nav2_arrow_right.gif) no-repeat 4px 50%;
}

#SideBar ul li a:hover span {
  background: #39619D;
}

#SideBar ul li.current a:hover span {
  background: #39619D url(http://assets.hassia.com/images/nav2_arrow_right.gif) no-repeat 4px 50%;
}

a.website_button {
  display: block;
  width: 240px;
  height: 48px;
}

a.website_button span {
  display: none;
}

/* @end */