/* @group Defaults */
html, body {
  width: 100%;
  height: 100%;
}
html {
  background: #9c9c9c url(/images/bg_repeat.jpg) repeat-x left top;
}
body {
  background: url(/images/bg.jpg) no-repeat left top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%; /* 1em equals 10px; 1.3em equals 13px etc. */
  margin: 0;
  color: #111;
  display: table;
}
body.simple {
  background: url(/images/bg.jpg) no-repeat left -201px;
}
a {
  color: #9c0c23;
}
a:hover {
  color: #9c0c23;
}
/* @end */



/* @group Layout */
#Wrapper {
  width: 960px;
  margin: 0 auto;
  background: #FFF;
}
#Header {
  height: 160px;
  position: relative;
}
#Navigation {
  background: url(/images/navigation/top/bg.gif) no-repeat left top;
  width: 960px;
  height: 41px;
  position: relative;
}
#SubNavigation {
  margin: 20px;
}
#Main {
  background: white;
}
#Main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#Page {
  width: 660px;
  float: left;
}
#AreaName {
  margin: 20px;
}
#Content {
  padding: 0em 3em 2.5em 2em;
}
body.simple #Content {
  background: white;
  padding: 1em 2em;
  margin: 2em auto;
  width: 700px;
}
#Nav2 {
  margin-bottom: 1em;
}
#Sidebar {
  width: 300px;
  float: left;
  background: white;
}
#AccountBox {
  background: #DEDEDE url(/images/sidebar/account_box_footer.gif) no-repeat left bottom;
}
#Footer {
  clear: both;
  background: #82161b url(/images/footer/bg.gif) repeat-x left top;
  height: 118px;
  font-size: 1.2em;
  line-height: 1.2em;
  position: relative;
}
/* @end */



/* @group Header */
#SuperBanner {
  position: absolute;
  left: 233px;
  top: 33px;
}
#SuperBanner h6 {
  display: none;
}
/* @end */



/* @group Navigation */
#Navigation ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#Navigation ul li {
  background: url(/images/navigation/top/border.gif) no-repeat right;
  height: 41px;
  float: left;
}
#Navigation ul li.current {
  background: url(/images/navigation/top/current.gif) repeat-x;
}
#Navigation ul li a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  padding: 14px 0;
  font-size: 1.3em;
  text-align: center;
}
#Navigation ul li#NavStartseite a {
  width: 99px;
}
#Navigation ul li#NavDerVerband a {
  width: 112px;
}
#Navigation ul li#NavFachrichtungen a {
  width: 132px;
}
#Navigation ul li#NavFortbildung a {
  width: 108px;
}
#Navigation ul li#NavMtaWerden a {
  width: 112px;
}
#Navigation ul li#NavMeinDvta a {
  width: 98px;
}
#Navigation ul li a:hover {
  background: #741318;
}
#Navigation ul li.first a:hover,
#Navigation ul li.first.current a {
  background-image: url(/images/navigation/top/first.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
#Search {
  position: absolute;
  top: 10px;
  left: 680px;
}
#Search fieldset {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
#Search fieldset ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#Search fieldset li {
  padding: 0;
  float: none;
}
#Search fieldset input {
  width: 260px;
  height: 18px;
  background: url(/images/search/bg.gif) no-repeat left top;
  border: none;
  padding: 3px 0 0 24px;
  font-size: 1.3em;
  color: #adadad;
}
#Search fieldset input:focus {
  color: #222;
}
#SubNavigation ul {
  list-style: none;
  list-style-image: none;
  display: block;
  height: 24px;
  margin: 2px 0 0px 0;
  padding: 0;
  border-bottom: 1px solid #D0D0D0;
}
#SubNavigation:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#SubNavigation ul li {
  float: left;
  width: auto;
  padding: 0;
  margin: 0;
  display: block;
}
#SubNavigation ul li a {
  text-decoration: none;
  font-size: 1.2em;
  display: block;
  float: left;
  width: auto;
  color: #222;
  cursor: pointer;
}
#SubNavigation ul li a:hover {
  color: #741318;
  background: #EEE;
}
#SubNavigation ul li a span {
  display: block;
  padding: 6px 10px;
  width: auto;
  float: left;
}
#SubNavigation ul li a:hover {
}
#SubNavigation ul li {
}
#SubNavigation ul li.current {
  background: #FFF url(/images/navigation/sub/tab_right.gif) no-repeat right top;
}
#SubNavigation ul li.current a {
  font-weight: bold;
  background: url(/images/navigation/sub/tab_left.gif) no-repeat left top;
}
#SubNavigation ul li.current a span {
  border-top: 1px solid #D0D0D0;
  margin: 0 3px;
}
/* @end */



/* @group Accordion */
#Content ul.accordion {
  list-style: none;
  list-style-image: none;
  margin: 0;
  margin-bottom: 1em;
}
#Content ul.accordion li {
  margin-bottom: 0;
}
#Content ul.accordion li h2.toggler {
  font-size: 1em;
  line-height: 1.3em;
  margin-bottom: 0;
  clear: both;
}
#Content ul.accordion li h2.toggler a {
  text-decoration: none;
  background: url(/images/navigation/accordion/toggler.gif) no-repeat right;
  display: block;
  height: 19px;
  padding: 8px 50px 8px 20px;
  color: #555;
}
#Content ul.accordion li h2.toggler a:hover {
  color: #111;
}
#Content ul.accordion li h2.toggler.selected a {
  color: #111;
  background: url(/images/navigation/accordion/toggler_active.gif) no-repeat right;  
}
#Content ul.accordion .element {
  margin: 0;
  overflow: hidden;
  background: #eee;
  padding: 20px;
}
#Content ul.accordion .element ul,
#Content ul.accordion .element ol {
  margin-bottom: 1em;
  margin-left: 2.5em;
}
#Content ul.accordion .element ul {
  list-style-type: square;
}
#Content ul.accordion .element ol {
  list-style-type: decimal;
}
#Content ul.accordion .element ul li,
#Content ul.accordion .element ol li {
  width: auto;
  line-height: 1.75em;
  margin: 0;
}
#Content ul.accordion .element h3 {
  color: #111;
  font-size: 1em;
  line-height: 1.3em;
}
#Content ul.accordion .element p {
  margin-bottom: 1em;
}
/* @end */
/* @group Sidebar */
#SidebarBanner {
  margin-bottom: 20px;
  font-size: 1.3em;
}
#SidebarBanner h6 {
  display: none;
}
#Sidebar .box {
  font-size: 1.3em;
  line-height: 1.5em;
}
#Sidebar .box h4 {
  font-size: 1em;
}
#Sidebar .workshops ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#Sidebar .workshops ul li {
  margin-bottom: 0.5em;
}
#Sidebar .workshops ul a,
#Sidebar .workshops ul em {
  display: block;
}
#Sidebar .workshops ul a {
  color: #111;
}
#Sidebar .workshops ul a:hover {
  color: #82161b;
}
#Sidebar .workshops ul em {
  color: #999;
  font-style: normal;
}
#Sidebar .newsletter p {
  margin: 0 0 0.5em 0;
}
#Sidebar .newsletter #NewsletterEmail {
  padding: 5px 3px;
  width: 250px;
}
#Sidebar .newsletter a.unsubscribe {
  background: none;
  margin: 0 10px 0 0;
  display: block;
  float: right;
  padding: 0;
}
#Sidebar .newsletter .submit {
  float: right;
}
#Sidebar h3 {
  font-size: 1.5em;
  padding-left: 20px;
  margin-right: 20px;
}
/* @end */



/* @group Footer */
#Footer,
#Footer a {
  color: #FFF;
}
#Footer #Copyright {
  padding: 15px 0 0 80px;
}
#Footer #Copyright span {
  position: absolute;
  margin-left: -60px;
}
#Footer #OfficeAddress {
  padding: 15px 0 0 80px;
}
#Footer #OfficeAddress p {
  float: left;
  padding: 0 20px 0 0;
}
#Footer #MetaNavigation {
  width: 300px;
  position: absolute;
  left: 640px;
  top: 15px;
  text-align: right;
}
#Footer #MetaNavigation ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
#Footer #MetaNavigation ul li {
  margin-bottom: 0.5em;
}
#Footer #MetaNavigation ul li a {
  font-weight: bold;
  text-decoration: none;
  background: url(/images/footer/li.gif) no-repeat right 50%;
  padding-right: 20px;
}
/* @end */