* {
  font: 9pt Helvetica, Arial, sans-serif;
  color: #565656;
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: white;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

#outerWrapper {
  margin: 1em auto;
  width: 90%;
}

#languageMenu {
  position: absolute;
  right: 5%;
  z-index: 1;
  padding-top: 16px;
}

h1 {
  position: relative;
  width: 100%;
  text-align: center;
}

h1 img {
  margin: auto;
  padding-left: 130px;
}

#mainMenu {
  float: left;
  margin: 28px;
  list-style: none;
  list-style-image: none;
}

div.clearFloats {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
}

#mainMenu * {
  font: 3px Arial, sans-serif;
  line-height: 2px;
  vertical-align: top;
  text-decoration: none;
}

li.menuItem, li.activeMenuItem {
  float: left;
  padding: 0 6px;
  margin: 0;
  position: relative;
}

ul.subMenu {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  margin-top: 8px;
  list-style: none;
  list-style-image: none;
  width: 200px;
  text-align: left;
}

ul.subMenu li.bar {
  height: 3px;
  padding: 0;
  margin: 0;
  border: 0;
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 3px;
  margin-bottom: 1px;
  background-color: #f3b32a;
}

#mainMenu:hover li.activeMenuItem ul.subMenu {
  visibility: hidden;
}

#mainMenu:hover li.activeMenuItem:hover ul.subMenu {
  visibility: visible;
}

li.menuItem ul.subMenu {
  visibility: hidden;
}

li.menuItem:hover ul.subMenu {
  visibility: visible;
}

#mainMenu li.menuItem img.inact {
  display: inline;
}

#mainMenu li.menuItem img.act {
  display: none;
}

#mainMenu li.menuItem:hover img.inact {
  display: none;
}

#mainMenu li.menuItem:hover img.act {
  display: inline;
}

#mainMenu li.activeMenuItem img.inact {
  display: none;
}

#mainMenu li.activeMenuItem img.act {
  display: inline;
}

#mainMenu:hover li.activeMenuItem img.inact {
  display: inline;
}

#mainMenu:hover li.activeMenuItem img.act {
  display: none;
}

#mainMenu:hover li.activeMenuItem:hover img.inact {
  display: none;
}

#mainMenu:hover li.activeMenuItem:hover img.act {
  display: inline;
}

li.subMenuItem img.subinact {
  display: inline;
}

li.subMenuItem img.subact {
  display: none;
}

li.subMenuItem:hover img.subinact {
  display: none;
}

li.subMenuItem:hover img.subact {
  display: inline;
}

li.activeSubMenuItem img.subinact {
  display: none;
}

li.activeSubMenuItem img.subact {
  display: inline;
}

ul.subMenu:hover li.activeSubMenuItem img.subinact {
  display: inline;
}

ul.subMenu:hover li.activeSubMenuItem img.subact {
  display: none;
}

ul.subMenu:hover li.activeSubMenuItem:hover img.subinact {
  display: none;
}

ul.subMenu:hover li.activeSubMenuItem:hover img.subact {
  display: inline;
}

ul.subMenu li {
  float: none;
  position: relative;
  padding: 0;
  margin: 0;
}

#contentWrapper {
  margin-top: 58px;
  margin-bottom: 2em;
}

#contentWrapper p {
  margin-top: 20px;
}

#contentWrapper div.heading {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

#contentWrapper h2 {
  font: 20px 'Times New Roman', serif;
  float: left;
  margin-right: 17px;
}

div.menuItem, div.activeMenuItem {
  float: left;
  margin: 0 5px;
  font-size: 1px;
  line-height: 1px;
  padding: 0;
}

div.menuItem a, div.activeMenuItem a {
  font-size: 1px;
  line-height: 1px;
}

div.menuItem img.inact {
  display: inline;
}

div.menuItem img.act {
  display: none;
}

div.menuItem:hover img.inact {
  display: none;
}

div.menuItem:hover img.act {
  display: inline;
}

div.activeMenuItem {
  padding-bottom: 4px;
  border-bottom: 2px solid #f3b32a;
}

div.activeMenuItem img.inact {
  display: none;
}

div.activeMenuItem img.act {
  display: inline;
}

div.rightPic {
  position: absolute;
  right: 5%;
  top: 232px;
  z-index: -1;
}

div.leftNav {
  float: left;
  width: 35%;
  border-right: 2px solid #f3b32a;
  padding-right: 7%;
  padding-bottom: 100px;
}

div.leftText {
  position: relative;
  float: left;
  padding-right: 5%;
  margin-right: 360px;
  background-color: white;
}

div.leftTextNarrow {
  position: relative;
  float: left;
  padding-right: 5%;
  margin-right: 480px;
  background-color: white;
}

div.rightText {
  float: right;
  width: 55%;
}

#mapWrapper {
  position: relative;
  width: 950px;
  left: 50%;
  margin-left: -475px;
}

#badenbaden {
  float: left;
  width: 477px;
}

#badenbaden img, #achern img {
  float: right;
}

#badenbaden h2 img, #achern h2 img {
  float: left;
}

#badenbaden div.addr {
  width: 214px;
}

div.googlemaps
{
  clear: left;
  position: relative;
  top: 11px;
}

div.googlemaps a
{
  font-size: 11px;
}

#achern {
  float: left;
  width: 473px;
}

#achern div.addr {
  width: 209px;
}

#contentWrapper div.addr p {
  padding: 0;
  margin: 14px 20px 0 0;
}

div.addr {
  float: right;
  font-size: 11px;
}

div.addr * {
  font-size: 11px;
}

ol {
  padding: 1em;
  padding-left: 2.4em;
}

ol li {
  margin-bottom: 1em;
}

ol ul li {
  margin: 0;
}

ol ul, div.rightText ul, div.leftText ul, div.leftTextNarrow ul {
  list-style-image: url('gfx/subMenuBullet.png');
  padding-left: 16px;
}

div.rightText ul li {
  margin-top: .6em;
}

h3 {
 margin: 1em 0;
 font-weight: bold;
}

hr {
  height: 0;
  border-bottom: 2px solid #f3b32a;
  width: 50%;
  text-align: center;
  margin: 2em auto;
}

dt {
  position: absolute;
  width: 200px;
}

dd {
  padding-left: 200px;
  margin-bottom: 1em;
}

div.leftNav ol, div.leftNav li, ol.leftNav, ol.leftNav li,  a {
  text-decoration: none;
  font-weight: bold;
  font-size: 8pt;
  color: #b1b1b1;
}

a:hover, li.activeItem a {
  color: #565656;
}

form input, form button, form textarea {
  margin: 2px;
  padding: 2px;
  border: 2px solid #f3b32a;
  font-family: fixedsys, fixed, 'courier new', monospace;
  font-weight: bold;
}

form textarea {
  font-family: helvetica, arial, sans-serif;
  font-weight: normal;
}

form input
{
  border-width: 0 0 2px 0;
}

form td {
  text-align: right;
  padding: 2px;
}

#login table, #admin table, #admin h2, #admin a, #admin p {
  text-align: center;
  float: none;
  position: relative;
  margin: 0 auto;
  padding-right: 20px;
}

#admin a {
  display: block;
}

.error {
  color: #cc3300;
  font-weight: bold;
}

#adminBox {
  position: fixed;
  background: #ffffff;
  text-align: center;
  opacity: .7;
  z-index: 3;
  top: 0;
  left: 0;
  padding: 4px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #f3b32a;
  font-weight: bold;
  color: #f3b32a;
}

@media print {

  * {
    font-size: 10pt;
  }

  #outerWrapper, #mapWrapper {
    position: inherit;
    width: auto;
    margin: inherit;
    padding: 1em;
    padding-left: 4em;
  }

  div.rightPic, div.leftNav, #languageMenu, #mainMenu {
    display: none;
  }

  div.leftText, div.rightText {
    position: inherit;
    float: none;
    width: inherit;
    margin: 0;
    padding: 0;
  }

  h1 img {
    padding-left: 60px;
    margin-bottom: 1em;
  }
}