
/*    =Structure
------------------------------------------------------- */
body {
  font-size: 0.75em;
  line-height: 1.5em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  margin: 14px 10px;
  padding: 0;
  background-color: #d4d4d4;
}

.hide {
  position: absolute;
  left: -9999px;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

ol li {
  list-style: decimal;
}

a {
  color: #822F0D;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.green {
  color: #7D9931;
  text-decoration: none;
}

a.green:hover {
  color: #7D9931;
  text-decoration: underline;
}

a.backToTop {
  display: block;
  text-align: right;
}

img {
  border: none;
  padding: 0;
}

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

#page {
  background-color: #fff;
  max-width: 1000px;
  min-width: 730px;
  padding: 12px;
  margin: 0 auto;
}

#content {
  /* clear: both; */
  width: 100%;
  background-color: #fff;
}

#nav {
  background-color: #fff;
  float: left;
  width: 20%;
}

#main {
  background-color: #fff;
  float: left;
  width: 58%;
  margin-left: 12px;
  margin-left: 1%;
  margin-right: 1%;
  padding-bottom: 4em;
}

#main.fullsize {
  float: left;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-bottom: 4em;
  max-width: 100%;
}

#main .contentTitle {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}

#main .contentSubtitle {
  margin: 0;
  padding: 0.5em 0 1em 0;
  font-size: 1em;
  font-weight: bold;
}

#main .contentTeaser {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

#main div.contentText {
  margin-top: 1em;
}

#main div.contentText .topicText div {
  padding-top: 0.5em;
}

#main div.contentText .topicText ul {
  margin: 0.5em;
  padding-left: 0.8em;
}

#main div.contentText .topicText ul li {
  background: url(pics/li_green_square.gif) no-repeat left 8px;
  padding-left: 15px;
}

#additionalContent {
  background-color: #fff;
  float: right;
  width: 20%;
  color: #7D9931;
  margin-bottom: 22px;
}

.wrap {
  width: 100%;/* clear: both; */
}

/* Special format for home */
.contentLeft {
  float: left;
}

#main .contentLeft .subTopics div.subTopic {
  float:left;
  width: 28.55em;
}

#main .contentLeft .subTopics p {
  margin-bottom: 0px;
}

#main .contentLeft div.box {
  padding-bottom: 0px;
}

.contentRight {
  float: right;
  /* width: 20.5em; */
  width: 28.55em;
}
/*    =Startpage
------------------------------------------------------- */
#main #startpage h1.contentTitle {
  margin-bottom: 10px;
}

#main #startpage div.subTopic {
  background-image: none;
  float: left;
  width: 48%;
  padding-right: 1%;
  background: url('./pics/vertical_border.png') repeat-y scroll right top #FFFFFF;
}

#main #startpage div.startpageClear {
  clear: both;
  background: url('./pics/line_rast.gif') repeat-x scroll left bottom #FFFFFF;
  height: 8px;
  line-height: 1em;
  margin-bottom: 1.5em;
}

#main #startpage div.startpageRightColFirst {
  margin-right: 0;
  background: none;
}

#main #startpage div.startpageRightCol {
  margin-right: 0;
  padding-left: 2%;
  background: none;
}

/*    =Header
------------------------------------------------------- */
#header {
  width: 100%;
}

#logo {
  background: #fff url(pics/bg_logo.gif) repeat-x left top;
  padding: 0;
  height: 50px;
}

#logo img {
  float: left;
}

#languageSelect {
  float: right;
  padding-right: 5px;
  padding-top: 5px;
}

#languageSelect img {
  border: none;
  margin-right: 1px;
}

#headerBar {
  color: #fff;
  width: 100%;
  float: left;
  padding-top: 10px;
  padding-bottom: 22px;
  line-height: 2.55em;
}

#headerBar div.left {
  float: left;
  background: #737372;
  width: 79%;
}

#headerBar div.right {
  width: 20%;
  float: right;
  background: #94C709;
  text-align: center;
}

#headerBar a {
  color: #fff;
  text-decoration: none;
}

#headerBar div.left ul,
#headerBar div.left li {
  float: left;
}

#headerBar div.left ul {
  padding: 0;
  padding-left: 1em;
  margin: 0;
}

#headerBar div.left ul li {
  padding: 0 0px 0 12px;
  background: #737372 url(pics/li_white.gif) no-repeat left center;
  text-indent: 0;
  font-weight: bold;
  font-size: 1em;
}

#headerBar div.right ul {
  width: 100%;
  line-height: 2.55em;
  margin: 0;
  padding: 0;
}

#headerBar div.right ul li {
  list-style: none;
  padding: 0 5px;
  margin: 0;
  white-space: nowrap;
  border-right: 1px solid #fff;
  display: inline;
  text-indent: 0;
  font-weight: bold;
  font-size: 1em;
}

#headerBar div.right li a {
  white-space: nowrap;
}

#headerBar div.right ul li.last {
  border: none;
}

#headerSearch form {
  float: right;
  margin: 0;
  padding: 0 4px;
}

#headerSearch form input.text {
  border: none;
  padding: 1px;
  margin: 0;
  width: 17em;
  margin-top: 4px;
  font-weight: bold;
}

#headerSearch form input.button {
  color: #fff;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border: none;
  display: inline;
  background: #737372 url(pics/bg_search.gif) no-repeat right center;
  font-weight: bold;
}

/*    =Main
------------------------------------------------------- */
#main h2,
#main h3 {
  margin: 0;
  padding: 0 0 0 0;
  font-size: 1em;
  font-weight: bold;
}

#main h3 {
  margin-top: 1em;
  margin-bottom: 1em;
}

h2 {
  color: #7D9931;
  font-size: 110.01%;
}

h3 {
  color: #7D9931;
  font-weight: normal;
}

h1 {
  font-size: 1.4em;
  margin-bottom: 1em;
}

p {
  margin: 0;
  padding: 0 0 1em 0;
}


div.linkBoxInMainContent {
  background-color: #EEF4DE;
  border: 1px solid #7D9931;
  display: inline;
  float: right;
  font-size: 1em;
  font-weight: normal;
  margin: 5px 10px;
  padding: 10px;
  max-width: 33%;
}

/*    =Footer
------------------------------------------------------- */
#footer {
  clear: both;
  width: 100%;
  background: #fff url(pics/bg_logo.gif) repeat top left;
  text-align: right;
  color: gray;
  font-size: 0.8em;
}

#footer div.box ul {
  padding: 1px 0;
  margin: 0;
}

#footer div.box li {
  display: inline;
  margin: 0;
  line-height: normal;
  text-indent: 0;
  border-right: 1px solid #7D9931;
}

#footer div.box li a {
  font-weight: bold;
  white-space: nowrap;
  width: auto;
  padding: 0 12px;
}

#footer div.box li.last {
  border: none;
}

#footer .footerDate {
  float:right;
  padding-right:0.4em;
  display:block;
}

/*    =Sub
------------------------------------------------------- */
#additionalContent h2 {
  padding: 0 5px;
  padding-bottom: 1px;
  margin: 0;
  background-color: #737372;
  font-size: 1em;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
}

/*    =Misc
------------------------------------------------------- */
div.topicImageLeftBreakNone {
  float: left;
  margin-right: 10px;
  width: auto;
  height: 100%;
}

div.topicImageRightBreakNone {
  float: right;
  margin-left: 10px;
  width: auto;
  height: 100%;
}

div.topicImageLeftBreakSide {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  width: auto;
}

div.topicImageRightBreakSide {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
  width: auto;
}

div.topicImageCenter {
  margin-bottom: 5px;
}

/* Trennlinie Startseite Boxen in #main */

.wrap .box,
.wrap .box-last {
  padding: 0 0 1em 0;
  margin: 0 0 1em 0;
}

.wrap .box-last {
  background: #fff;
}

#main .contentLeft h1.pageTitle {
  font-size: 1em;
  padding: 0;
  margin: 0;
  padding-bottom: 0.5em;
}

#main .contentLeft div.teaserBox {
  padding-bottom: 1.5em;
  margin-bottom: 1em;
  background: #fff url(pics/line_rast.gif) repeat-x left bottom;
}

#main .contentLeft h1.contentTitle {
  padding: 0;
  margin: 0;
}

#main .subTopics {
  clear: both;
  width: 100%;
  padding: 1em 0 0 0;
}

#main .subTopics h2.subTopicTitle {
  color: #000;
  font-weight: bold;
  font-size: 110%;
  padding: 0px;
  margin-bottom: 1em;
}

#main img.papayaImage {
  padding-top: 4px;
}

#main img.subTopicImage {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-top: 3px;
}

#main .subTopics div.subTopic {
  padding-bottom: 1.5em;
  margin-bottom: 1em;
  background: #fff url(pics/line_rast.gif) repeat-x left bottom;
}

#main div.subTopic {
  background: #fff url(pics/line_rast.gif) repeat-x left bottom;
  /*
  float: left;
  width: 27.545em;
  */
  /*
  height: 30em;
  */
}

#main div.bodyNavi {
  /* background: #fff url(pics/line_rast.gif) repeat-x left bottom; */
  width:29.73em;
  float:right;
  background-position: 175px top;
}

#main div.subTopic h2.subTopicTitle {
  color: #000;
  font-weight: bold;
  font-size: 110%;
  padding: 0px;
  margin-bottom: 1em;
}

#main div.subTopic a.more {
  background: url(pics/d_arrow_right.gif) no-repeat right center;
  padding-right: 15px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 0.5em;
}

#main .subTopics a.more {
  background: url(pics/d_arrow_right.gif) no-repeat right center;
  padding-right: 15px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 0.5em;
}

#main .pageNavigation {
  width: 100%;
  height: 1em;
  margin: 0px;
  margin-top: 1em;
  padding: 20px 0 1em 0;
  background: #fff url(pics/line_rast.gif) repeat-x left top;
}

#main .pageNavigation li {
  list-style-type: none;
}

#main .pageNavigation li.back {
  width: 15%;
  float: left;
}

a.back {
  padding-left: 14px;
  background: url(pics/d_arrow_left.gif) no-repeat left center;
}

a.next {
  padding-right: 14px;
  background: url(pics/d_arrow_right.gif) no-repeat right center;
}

/* generelles - Eingabefelder und Buttons */
input.text {
  border: 1px solid #828282;
  padding: 1px;
  margin: 0 2px 0 0;
  font-size: 1.2em;
}

label,
button {
  cursor: pointer;
}

input.button,
button.button {
  border: 1px solid #FFF;
  border-left: 1px solid #9DB52D;
  border-right: 1px solid #9DB52D;
  padding-right: 15px;
  text-decoration: none;
  color: #797979;
  font-size: 1em;
  font-weight: bold;
  background: #fff url(pics/d_arrow_right_button.gif) no-repeat right center;
}

