/* box right */
.boxright {
  background-color: #DFEAC0;
  color: #4D4D4D;
  padding: 15px 10px 15px 10px;
  overflow: hidden;
}

.boxright h3 {
  color: #4D4D4D;
  font-weight: bold;
  font-size: 1em;
  margin: 0px;
  margin-bottom: 0.5em;
  padding: 0;
}
.boxright img {
  margin-bottom: 0.5em;
}

.boxright ul {
  margin: 10px 0 0 0;
  padding: 0px;
}

.boxright ul li {
  text-align: right;
  margin: 2px 0px;
  padding: 0px;
}

.boxright ul li a {
  display: block;
  text-align: right;
  background-color: #DFEAC0;
  color: #822F0D;
  font-size: 0.97em;
  font-weight: bold;
  border: none;
  padding: 0px;
  margin: 0px;
  padding-right: 15px;
  background: url(pics/d_arrow_right.gif) no-repeat right center;
}

.boxright ol {
  max-width: 150px;
  margin: 0px;
  padding: 0px;
  padding-left: 3em;
}

.boxright ol li {
  max-width: 150px;
  margin: 0px;
  padding: 0.2em 0px;
}

.boxright ol li a {
  max-width: 150px;
}

.boxright form div.button {
  padding-top: 0.5em;
  text-align: right;
  margin-bottom: 2em;
}
.boxright form select {
  margin: 0;
  padding: 0;
}
.boxright form button.buttonSubmit {
  border: none;
  color: #822F0D;
  font-size: 0.97em;
  font-weight: bold;
  background-color: #DFEAC0;
  text-align: right;
  width: 12em;
  padding-right: 12px;
  background: url(pics/d_arrow_right.gif) no-repeat right center;
  float: right;
}

.boxright div.extended-pagelink a {
  padding-right: 15px;
  padding-bottom: 2px;
  background: url(pics/d_arrow_right.gif) no-repeat right center;
  font-weight: bold;
  color: #4D4D4D;
}

/* bodykey */
#bodyNav {
  background-image: url(bodykey/inaktiv.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  padding-bottom: 3em;
  margin-top: 2em;
}
#bodyNav div.menu {
  width: 11em;
}
#bodyNav ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style-image: none;
}
#bodyNav h2 {
  font-size: 11px;
  color: #FFF;
  background-color: #737372;
  margin: 0px;
  padding: 3px 3px 3px 4px;
  border: 1px solid #737372;
}
#bodyNav ul li {
  padding: 0;
  margin: 0;
  display: inline;
}
#bodyNav ul li a {
  border: 1px solid #737372;
  border-bottom: none;
  color: #000;
  text-decoration: none;
  display: block;
  padding: 4px 3px 4px 4px;
  background-color: #fff;
}
#bodyNav ul li.last a {
  font-size: 11px;
  color: #822f0D;
  background-color: #fff;
  margin: 0px;
  padding: 3px 3px 3px 4px;
  border: 1px solid #737372;
  font-weight: bold;
}
#bodyNav ul li a:hover {
  background-color: #DFEAC0;
}

/*    =Navi
------------------------------------------------------- */
#nav{
  padding-bottom: 27px;
}
#nav .navigation_top h2 {
  font-size: 100%;
  padding: 0 3px;
  margin: 0;
  color: #4D4D4D;
  background-color: #DFEAC0;
  font-weight: bold;
}
#nav .navigation_top ul {
  margin-top: 7px;
  padding-bottom: 14px;
  background: #fff url(pics/bg_nav.gif) repeat-x left bottom;
}
#nav .navigation_top li {
  font-weight: bold;
}
#nav .navigation_top li a {
  text-decoration: none;
  color: #4D4D4D;
  border-bottom: 1px solid #d2d4cc;
  padding: 3px 0 3px 17px;
  background: #DFEAC0 url(pics/li_green.gif) no-repeat 3px 8px;
  display: block;
}
#nav .navigation_top li a:hover {
  text-decoration: none;
  background-color: #CFE399;
}
#nav .navigation_top li a.focus {
  color: #7D9931;
}
#nav .navigation_top li.last a {
  border: none;
}

/* NAVIGATION */

#nav .navigation h2{
  font-size: 100%;
  padding: 0 3px;
  margin: 0;
  margin-top: 5px;
  color: #4D4D4D;
  background: #EEF4DE;
  font-weight: normal;
}
#nav .navigation ul {
  margin-top: 7px;
  padding-bottom: 14px;
  background: #fff url(pics/bg_nav.gif) repeat-x left bottom;
}

#nav .navigation ul ul {
  background-image: none;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-left: 0px;
  border-bottom: 1px solid #d2d4cc;
}

#nav .navigation li li {
  padding-bottom: 0px;
  background: #EEF4DE url(pics/li_green_square.gif) no-repeat 22px 10px;
  padding-left: 18px;
}
#nav .navigation li a {
  text-decoration: none;
  color: #4D4D4D;
  border-bottom: 1px solid #d2d4cc;
  padding: 3px 0 3px 17px;
  background: #EEF4DE url(pics/li_green.gif) no-repeat 3px 8px;
  display: block;
}
#nav .navigation li a:hover {
  text-decoration: none;
  background-color: #E0EBBC;
}

#nav .navigation li li a {
  background: none;
  border: 0px;
}
#nav .navigation li li a:hover {
  background: none;
  background: #E0EBBC url(pics/li_green_square.gif) no-repeat 4px  10px;
  border: 0px;
}
#nav .navigation li a.focus {
  color: #7D9931;
}
#nav .navigation li a.opened {
  background-image: url(pics/li_green_open.gif);
  background-repeat: no-repeat;
  background-position: 4px  10px;
}
#nav .navigation li li a.opened {
  background-image: url(pics/li_green_square.gif);
  background-repeat: no-repeat;
  background-position: 4px  10px;
}
#nav .navigation li.last a {
  border: none;
}

#nav .leftBox {
  clear: both;
  margin-top: 7px;
  padding-bottom: 14px;
  background: #fff url(pics/bg_nav.gif) repeat-x left bottom;
}

/* breadcrumb */
#main ul.breadcrumbNavigation {
  height: 1em;
  padding-bottom: 1em;
  list-style-type: none;
}
#main ul.breadcrumbNavigation li {
  float: left;
  padding-left: 12px;
  padding-right: 6px;
  list-style-type: none;
  background: #FFF url(pics/li_green.gif) no-repeat left center;
}
#main ul.breadcrumbNavigation li.first {
  background: #FFF;
  padding-left: 0px;
}
#main ul.breadcrumbNavigation li a {
  color: #737372;
  font-weight: bold;
}

/* ========= */
#additionalContent .teaserBoxTopicTitle a {
  text-decoration: none;
  font-size: 0.9em;
}
#additionalContent .teaserBoxTopicTeaser {
  padding-top: 5px;
  padding-bottom: 8px;
}

div.navigationStatic {
  text-align: right;
  font-size: 0.9em;
}
/* ========= */
div.navigationStatic a {
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  color: #FFF;
}
div.navigationStatic img {
  width: 6px;
  height: 4px;
  border: none;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

/* Kalender */
table.calendar {
  width: 230px;
}
table.calendar a {
  font-weight: bold;
  text-decoration: none;
}
table.calendar td {
  text-align: right;
}
table.calendar td.calTitle {
  text-align: center;
}
table.calendar td.navLeft {
  text-align: left;
}
table.calendar td.navRight {
  text-align: right;
}

/* catalog */

#contentBottomBoxes {
  background: #fff url(pics/line_rast.gif) repeat-x left top;
  padding-top: 1.5em;
}

#contentBottomBoxes div.box {
  padding-bottom: 1em;
}

#contentBottomBoxes .box-content ul {
  margin: 0px;
  padding: 0px;
}
/* related categories */
#contentBottomBoxes #relatedCategories {
  margin: 0;
  padding: 0;
}
#contentBottomBoxes #relatedCategories li.related {
  list-style-type: none;
}
#contentBottomBoxes #relatedCategories div.relatedpath {
  margin: 0;
  margin-top: 0.5em;
  padding: 0;
}

#contentBottomBoxes #relatedCategories div.relatedpathitem {
  display: inline;
  padding-left: 15px;
  padding-right: 3px;
  background: url(pics/li_green.gif) no-repeat left center;
}

/* mailto */
div.mailtolink {
  padding-bottom: 20px;
}

/* toolbars */
#main ul.toolbar {
  margin: 0px;
  width: 100%;
  clear: both;
  background-color: #DFEAC0;
  list-style-type: none;
  text-align: center;
  margin-bottom: 1em;
}
#main #contentHeader ul.toolbar {
  text-align: right;
}

#main .contentFooter ul.toolbar {
  margin-top: 1.8em;
}
#main ul.toolbar a {
  color: #7D9931;
  border-right: 1px solid #7D9931;
  padding: 0 8px;
  font-weight: bold;
}
#main ul.toolbar a {
  text-decoration: none;
}
#main ul.toolbar li {
  list-style-type: none;
  display: inline;
}
#main ul.toolbar li.last a {
  border: none;
}

/* pollbox */
div.pollBoxForm, table.pollBoxVoted {
  border: 0px;
  color: #4D4D4D;
}
div.pollBoxForm .question, table.pollBoxVoted td.question {
  margin-top: 5px;
  font-weight: bold;
}
div.pollBoxForm table.answers {
  margin-top: 5px;
}
div.pollBoxForm div.button {
  margin-top: 5px;
  text-align: right;
}
div.pollBoxForm div.button input.button {
  border-color: #DFEAC0;
  background-color: #DFEAC0;
  color: #822F0D;
  font-size: 0.97em;
  padding-right: 12px;
  background: url(pics/d_arrow_right.gif) no-repeat right center;
  cursor: pointer;
}
td.linkAllPolls {
  clear: both;
  padding-top: 1em;
}

table.pollBoxVoted{
  border-collapse: collapse;
}
table.pollBoxVoted td.allVots {
  font-weight: bold;
}
table.pollBoxVoted td.answerBoxBalken {
  padding: 0px;
}
table.pollBoxVoted div.balken{
  height: 8px;
  margin-top: 5px;
  padding-right: 3px;
  float: left;
}
table.pollBoxVoted div.balken div.progress {
  background-image: url(pics/balken.gif);
  background-repeat: no-repeat;
  float: left;
}
table.pollBoxVoted div.answerProzent{
  float: left;
  text-align: left;
  color: #7B7B7B;
}

/* quizbox */
div.quizBoxForm {
  border: 0px;
  color: #4D4D4D;
}
div.quizBoxForm div.question {
  font-weight: bold;
  padding-bottom: 10px;
}
div.quizBoxForm div.answer {
  margin-left: 5px;
  padding-bottom: 5px;
  width: auto;
  clear: both;
}
div.quizBoxForm div.answer div.radio {
  float: left;
  margin-right: 5px;
}
div.quizBoxForm div.answer div.text {
  float: left;
  width: 12em;
}
div.quizBoxForm div.button {
  clear: both;
  text-align: right;
  padding-top: 10px;
}
div.quizBoxForm div.button input.button {
  border-color: #DFEAC0;
  background-color: #DFEAC0;
  color: #822F0D;
  font-size: 0.97em;
  padding-right: 12px;
  background: url(pics/d_arrow_right.gif) no-repeat right center;
  cursor: pointer;
}

/* Box mit Buchstaben (A-Z Liste) */
table.letterBox {
  width: 100%;
  background: #EEF4DE;
  border-collapse: collapse;
  margin-bottom: 1em;
  padding: 4px;
  font-size: 1em;
}
table.letterBox th {
  text-align: left;
  padding-bottom: 5px;
  font-size: 1em;
}
table.letterBox tr {
  margin: 0;
  font-size: 1em;
}
table.letterBox td {
  padding: 1px;
  margin: 0;
  font-weight: bold;
  font-size: 110%;
  text-align: center;
  font-size: 1em;
}
table.letterBox td.first {
  text-align: left;
  padding-left: 3px;
}
table.letterBox td.last {
  text-align: right;
  padding-right: 3px;
}

/* versionen box */
#main div.statistics {
  width: auto;
}
#main div.statistics div.versionTitle {
  width: 13em;
  font-weight: bold;
  margin-bottom: 0.3em;
}
#main div.statistics div.levelTitle {
  font-weight: bold;
  margin-bottom: 0.3em;
}

#main div.statistics div.version {
  width: 13em;
}

/* statistic */
#contentBottomBoxes ul.statistic li {
  list-style-type: none;
  padding-left: 10px;
  background: url(pics/li_green.gif) no-repeat left center;
}

/* page rating */
#main .boxPageRating {
  width: 100%;
  float: right;
}
#main .boxPageRating div.caption {
  float: left;
  color: #7D9537;
  font-weight: bold;
  padding: 0.4em 1em 0.3em 1em;
}
#main .boxPageRating div.legend {
  float: right;
  margin-right: 10px;
}
#main .boxPageRating div.graph {
  float: right;
  margin-right: 15px;
}
#main .boxPageRating ul {
  height: 32px;
  width: 214px;
  float: right;
  margin-right: 10px;
}
#main .boxPageRating ul li {
  list-style-image: none;
  display: inline;
}
#main .boxPageRating ul li a {
  display: block;
  float: left;
  height: 32px;
  background-position: left;
  background-repeat: no-repeat;
}
#main .boxPageRating ul li a.verybad {
  background-image: url(pagerank/verybad.gif);
}
#main .boxPageRating ul li a.bad {
  background-image: url(pagerank/bad.gif);
}
#main .boxPageRating ul li a.none {
  background-image: url(pagerank/none.gif);
}
#main .boxPageRating ul li a.good {
  background-image: url(pagerank/good.gif);
}
#main .boxPageRating ul li a.verygood {
  background-image: url(pagerank/verygood.gif);
}
#main .boxPageRating ul li a.verybad:hover {
  background-image: url(pagerank/verybad_hover.gif);
}
#main .boxPageRating ul li a.bad:hover {
  background-image: url(pagerank/bad_hover.gif);
}
#main .boxPageRating ul li a.none:hover {
  background-image: url(pagerank/none_hover.gif);
}
#main .boxPageRating ul li a.good:hover {
  background-image: url(pagerank/good_hover.gif);
}
#main .boxPageRating ul li a.verygood:hover {
  background-image: url(pagerank/verygood_hover.gif);
}
#main .boxPageRating div.rating {
  width: 90%;
  float: right;
}

/* glossary switch */
form.glossarySwitch {
  margin: 0;
  padding: 0;
}
form.glossarySwitch p {
  margin: 0;
}
form.glossarySwitch div {
  margin: 0;
  padding: 0;
  clear: both;
}
form.glossarySwitch button, form.glossarySwitch input {
  border: none;
  color: #822F0D;
  background-color: #DFEAC0;
  font-weight: bold;
  font-size: 11px;
}
form.glossarySwitch button.active, form.glossarySwitch input.active {
  padding-left: 10px;
  background: #DFEAC0 url(pics/li_green.gif) no-repeat left center;
}

/* recommendation */
div.contentLeft div.box-last div#recommendation {
  padding-bottom: 25px;
  margin: 0px;
}

div.contentLeft div.box-last div img {
  padding-right: 15px;
}
#recommendation {
  line-height: 1.3em;
}
#recommendation a {
  float: left;
  display: block;
  margin-top: 0.2em;
  background: #fff url(pics/d_arrow_right.gif) no-repeat right 18px;
  padding-right: 15px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#main ol.statistic_also_viewed {
  padding: 0;
  margin: 0;
}
#main ol.statistic_also_viewed li {
  margin-top: 0.5em;
  list-style-type: none;
  padding-left: 15px;
  background: url(pics/li_green.gif) no-repeat left center;
}
.boxright ol.statistic_top {
  padding-left: 24px;
  width: 12.7em;
  overflow: hidden;
}
.boxright ol.statistic_top li {
  padding: 0.3em 0;
}
.boxright ol.statistic_top li a {
  line-height: 1.3em;
}

div.zoomLinks {
  float: left;
  padding: 0;
  margin: 0;
  margin-left: 1.5em;
  /* padding-top: 0.3em;
  line-height: 10px; */
  line-height: 2.2em;
  font-weight: bold;
  color: silver;
}
div .zoomLink a {
  color: #FFF;
}
div.zoomLinks a img {
  margin: 0;
}