/* @group Defaults */
body {
  background: #868686 url(/images/body_bg.jpg) left 45px repeat-x;
  font-size: 0.81em;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.46em;
}
body.inner {
  /*background: #868686 url(/images/body_bg.jpg) left -20px repeat-x;*/
}
/* @end */



/* @group Layout */
div.left_curve {
  float: left;
  width: auto;
}
div.right_curve {
  float: right;
  width: auto;
}
span.clear {
  clear: both;
}
#Wrapper {
  width: 963px;
  margin: 0;
  /*margin: 0 auto 0 auto;*/
}
#Main {
  width: 963px;
  float: left;
  padding: 25px 0 45px 10px;
}
#Header {
  width: 938px;
  float: left;
  padding: 0 37px 0 35px;
  background: url(/images/top_bg.jpg) left top no-repeat;
}
#Navigation {
  float: left;
  width: 963px;
  background: url(/images/menu_bg.jpg) left top repeat-x;
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
}
/* @end */




/* @group Header */
#Header img {
  float: left;
}
#Header div.right_content {
  float: left;
  width: 310px;
}
#Header div.right_content form {
  float: left;
  width: 220px;
}
#Header div.right_content fieldset {
  float: left;
  width: 220px;
  padding: 53px 0 0 0;
  margin: 0px;
}
#Header div.right_content div.input {
  float: left;
  background: url(/images/search_bg.jpg) left top no-repeat;
  padding: 3px 0 0 26px;
  width: 143px;
  font-size: 1em;
  display: inline;
  height: 21px;
}
#Header div.right_content input {
  float: left;
  font-size: 1em;
  padding: 0px;
  margin: 0px;
  border: 1px #fff solid;
  height: Verdana, Arial, Helvetica, sans-serif;
  color: #999;
  width: 141px;
}
#Header div.right_content input.button {
  float: left;
  padding: 0px;
  margin: 0 0 0 2px;
  border: none;
  width: auto;
}
#Header div.right_content ul {
  float: left;
  width: 87px;
  padding: 21px 0 0 0;
  list-style: none;
  display: inline;
}
#Header div.right_content li {
  float: left;
  width: 87px;
  font-size: 0.92em;
  line-height: 1.46em;
}
#Header div.right_content li a {
  display: block;
  background: url(/images/arrow.jpg) left center no-repeat;
  padding: 0 0 0 10px;
  color: #999;
  text-decoration: none;
}
#Header div.right_content li a:hover {
  text-decoration: underline;
}
/* @end */



/* @group Navigation */
#Navigation ul {
  float: left;
  width: 902px;
  list-style: none;
  background: url(/images/menu_sep.jpg) no-repeat left 0px;
}
#Navigation ul li {
  float: left;
  padding: 0 1px 0 1px;
  text-transform: uppercase;
  background: url(/images/menu_sep.jpg) no-repeat right 0px;
  display: block;
  height: 37px;
  padding: 0 5px;
}
#Navigation ul li a {
  float: left;
  padding: 0 0 0 7px;
  color: #666;
  text-decoration: none;
  display: block;
  height: 45px;
}
#Navigation ul li a span {
  float: left;
  padding: 14px 7px 0 0;
  cursor: pointer;
  display: block;
  height: 45px;
}
#Navigation ul li a:hover {
  background: url(/images/menu_over_left.jpg) left top no-repeat;
  color: #fff;
}
#Navigation ul li a:hover span {
  background: url(/images/menu_over_right.jpg) right top no-repeat;
}
#Navigation ul li.current a {
  background: url(/images/menu_over_left.jpg) left top no-repeat;
  color: #fff;
}
#Navigation ul li.current a span {
  background: url(/images/menu_over_right.jpg) right top no-repeat;
  padding-bottom: 18px;
}
/* @end */



/* @group Page */
#Page {
  float: left;
  width: 963px;
  margin: 22px 0 0 0;
  background: url(/images/body_container_bg.png) left top repeat-y;
}
#PageEnd {
  float: left;
  width: 963px;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 32px;
}
#PageEnd img {
  float: left;
}
/* @end */



/* @group Sidebar */
#Sidebar {
  float: left;
  width: 174px;
  padding: 60px 0 0 35px;
  background: url(/images/left_top_bg.jpg) 4px top no-repeat;
}
#Sidebar img {
  float: left;
}
#Sidebar p {
  float: left;
  width: 170px;
  color: #333;
  margin-bottom: 1em;
  line-height: 1.46em;
}
#Sidebar p.gray {
  color: #999;
}
#Sidebar p strong {
  color: #cc0000;
}
#Sidebar p a {
}
#Sidebar p a:hover {
  text-decoration: underline;
}
#Sidebar form {
  float: left;
  padding: 0 0 10px 0;
  width: 170px;
  color: #333;
}
#Sidebar fieldset {
  float: left;
  width: 170px
}
#Sidebar form input {
  float: left;
  width: 150px;
  border: 1px #ccc solid;
  padding: 1px 0 1px 8px;
  font-size: 1em;
  color: #999;
  margin: 4px 0 10px 0;
}
#Sidebar form p {
  color: #333;
}
#Sidebar form input.radio {
  float: left;
  width: auto;
  border: none;
  padding: 0px;
  margin: 0px;
}
#Sidebar form div.row {
  float: left;
  width: 170px;
  color: #333;
  padding-bottom: 7px;
}
#Sidebar form label {
  float: left;
  width: 140px;
  padding: 1px 0 0.5em 8px;
  color: #666;
}
#Page div.left_container_inner {
  float: left;
  width: 209px;
  padding: 52px 0 0 0;
  background: url(/images/left_top_bg.jpg) 4px top no-repeat;
}
#Sidebar div.inner {
  float: left;
  width: 174px;
  padding: 0 0 0 35px;
}
#NavigationSub {
  position: relative;
  left: -30px;
  top: -8px;
}
#NavigationSub ul {
  float: left;
  width: 204px;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0 0 2em 0;
}
#NavigationSub ul li {
  float: left;
  width: 204px;
  margin-bottom: 1px;
}
#NavigationSub ul li a {
  display: block;
  background: #ececec url(/images/left_nav_arrow.jpg) left 0.25em no-repeat;
  padding: 7px 0 7px 39px;
  color: #666;
  text-decoration: none;
}
#NavigationSub ul li a:hover {
  background: #fff url(/images/left_nav_arrow_over.jpg) left 0.25em no-repeat;
  color: #cc0000;
}
#NavigationSub ul li.current a {
  background: #fff url(/images/left_nav_arrow_over.jpg) left 0.25em no-repeat;
  color: #cc0000;
  width: 170px;
}
/* @end */



/* @group Content */
#Content {
  float: left;
  width: 686px;
  min-height: 540px;
  padding: 52px 30px 0 30px;
  background: url(/images/right_top_bg.jpg) left top no-repeat;
}
#Content.start {
  width: 731px;
  padding: 35px 0 0 15px;
}
#Content img {
  float: left;
}
#Content div.sub_left {
  float: left;
  width: 511px;
  padding-right: 15px;
}
#Content.start div.sub_left {
  padding-right: 30px;
}
#Content div.sub_right {
  float: left;
  width: 160px;
  padding-top: 25px;
}
#Content div.right {
  width: 300px;
  float: right;
  margin-left: 20px;
}
#Content div.right .best_online_container {
  background: url(/images/online.jpg) no-repeat top left;
  width: 301px;
  height: 58px;
  float: left;
  margin-top: 10px;
}
#Content div.right .best_online_container span {
  float: right;
  margin-top: 33px;
  width: 135px;
  color: #fffcff;
  font-weight: bold;
  font-size: 1em;
}
#Content div.right .best_online_container span a {
  color: #fff;
  text-decoration: none;
}
#Content div.right .best_online_container span a:hover {
  text-decoration: none;
  color: #e0efff
}
#Content div.right img.online {
  margin-top: 10px;
}
/* @end */



/* @group Footer */
#Footer {
  float: left;
  width: 728px;
  margin: 40px 0 0 4px;
  background: url(/images/footer_ujs.jpg) left top no-repeat;
  padding: 0 0 0 235px;
  font-size: 0.92em;
  line-height: 1.31em;
}
#Footer ul {
  width: 376px;
  float: left;
  list-style: none;
  padding: 12px 0 8px 0;
}
#Footer ul li {
  float: left;
  color: #7190b2;
}
#Footer ul li a {
  color: #7190b2;
  text-decoration: none;
}
#Footer ul li a:hover {
  text-decoration: underline;
}
#Footer div.right {
  width: 197px;
  float: right;
}
#Footer div.link {
  width: 197px;
  float: left;
  color: #7190b2;
  padding-top: 25px;
}
#Footer div.right a.nach {
  float: left;
  margin-left: 50px;
  display: inline;
}
#Footer div.right div.link a {
  color: #7190b2;
  text-decoration: none;
}
#Footer div.right div.link a:hover {
  text-decoration: underline;
}
/* @end */



/* @group Banner */
#TopBannerSpace {
  display: block;
}
#TopBannerSpace ul {
  display: block;
  margin: 0;
  position: relative;
  top: -10px;
}
#TopBannerSpace ul li {
  list-style: none;
  float: left;
  padding: 0px 10px 0 10px;
  display: block;
}
#Content #SidebarBanner ul {
  padding-top: 0;
}
#Content #SidebarBanner ul li {
  list-style: none;
  background: none;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}
#Content #SidebarBanner ul li img {
  margin-bottom: 10px;
}
/* @end */



/* @group Accordion */
#accordion {
  margin-bottom: 1em;
}
.toggler {
  background: #003e84 url(/images/arrow-right.gif) no-repeat 5px 7px;
  font-weight: bold;
}
.toggler a {
  color: #FFF;
  display:      block;
  text-decoration:  none;
  padding:      0.5em 2em;
  border-bottom:    1px solid #FFF;
}
.toggler a:hover {
  background: #C00 url(/images/arrow-down.gif) no-repeat 5px 7px;
}
.selected {
  background: #C00 url(/images/arrow-down.gif) no-repeat 5px 7px;  
}
.selected a:hover {
}
.element {
  overflow:       hidden;
}
.toggler h2 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: auto;
  margin-bottom: 0;
}
#Content .element ul {
  padding-top: 0;
}
#Content .element ul li {
  background: #EEE;
  margin-bottom: 1px;
  padding: 2em;
  clear: left;
  display: table;
  width: 100%;
}
#Content .element ul li span {
  width: 140px;
  height: 120px;
  float: left;
  text-align: center;
  display: block;
}
#Content .element ul li h3 {
  color: #000;
}
/* @end */