* {
  behavior: url(PIE.htc);
}
body {
  background-color: #D4D4D4;
  color: #3B0209;
  font-family: 'Verdana','Helvetica','Arial',sans-serif;
  font-style: normal;
  font-weight: normal;
}
div {
}
img {
  border: 0 none;
}
a {
  border: 0 none;
}
#html-box {
  margin-left: 10%;
  margin-right: 10%;
  margin-top: -0.5em;
  min-width: 46.5em;
  position: relative;
  width: 80%;
}
h1.title {
  font-size: 2em;
  font-style: normal;
  font-weight: bold;
  line-height: 1em;
  margin-top: 0;
  padding-top: 0.5em;
}
h2.slogan {
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  line-height: 1.5em;
  padding-right: 2em;
  text-align: right;
}
h3.three-boxes,
h3.side-box-title {
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  line-height: 0.75em;
  margin: 0.5em;
  text-align: center;
}
h3.side-box-title {
  float: left;
  width: 80%;
  padding-top: 0.5em;
}
div.shadow-box {
  background-color: #FFFFFF;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  box-shadow: 0 0 1em #FFFFFF;
}
div.menu-box {
  border-top: 0 none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 1.5em;
}
#top-box {
  clear: both;
  float: none;
  width: 100%;
}
#middle-box {
  width: 100%;
}
#bottom-box {
  color: #3B0209;
  font-size: 0.75em;
  height: 14em;
  width: 100%;
}
h3.bottom-box {
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  line-height: 0.75em;
  margin-bottom: 0.25em;
  padding-bottom: 0;
  text-align: center;
}
#top-menu {
  clear: both;
  float: none;
  height: 1.5em;
  position: relative;
  text-align: center;
}
#top-left-menu {
  float: left;
  text-align: left;
  width: 37.5%;
}
#top-center-menu {
  float: left;
  text-align: center;
  width: 25%;
}
#top-right-menu {
  float: right;
  position: absolute;
  right: 0;
  text-align: right;
  width: 37.5%;
}
div.menu-item {
  float: left;
  padding-top: 0.25em;
  text-align: center;
  width: 7em;
}
div.menu-item:hover {
  background-color: #F2F8FB;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  box-shadow: 0 0 1em #F2F8FB;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
div.menu-item-wide {
  float: left;
  padding-top: 0.25em;
  text-align: center;
  width: 10em;
}
div.first-menu-item {
  margin-left: 0;
  margin-right: 0.5em;
}
div.second-menu-item {
  margin-left: 0.5em;
  margin-right: auto;
}
div.third-menu-item {
  float: right;
  left: -8em;
  position: relative;
}
div.fourth-menu-item {
  float: right;
  position: absolute;
  right: 0;
}
#lang-select {
  text-align: center;
  width: 100%;
}
a.lang {
  border: 0 none;
  font-size: 0.8em;
  margin-left: 0.25em;
  text-decoration: none;
}
img.lang {
  border: 0 none;
}
a.menu-item {
  color: #3B0209;
  display: block;
  font-size: 0.9em;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
#eyecatcher-box {
  clear: both;
  float: none;
  height: 13em;
  margin-top: 2em;
  position: relative;
}
#logo-box {
  float: left;
  height: 10em;
  margin-right: 1em;
  width: 25em;
}
img.logo {
  height: 100%;
  /*width: 100%;*/
}
#title-box {
  float: none;
  margin: 0.5em 0.5em 1.5em;
  min-width: 24em;
  padding-top: 1.5em;
  width: auto;
}
#header-box {
  letter-spacing: 0.1em;
  margin-bottom: 2em;
  text-align: center;
}
#slogan-box {
  letter-spacing: 0.05em;
}
#announcement-box {
  height: 7.5em;
  margin-top: 2em;
  padding: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
}
#announcement-box > h3 {
  margin-top: 0em;
  margin-bottom: 0.5em;
}
#announcement-text {
  padding-right: 1%;
  float: left;
  width: 66.5%;
  height: 5.5em;
}
#announcement-details {
  float: left;
  width: 31.5%;
  height: 6em;
  background-color: #F2F8FB;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  overflow: hidden;
  font-size: 0.9em;
}
.announcement-pane {
  width: 100%;
  height: 100%;
  padding-left: 0.25em;
  padding-right: 0.25em;
  text-align: center;
  overflow: hidden;
  background-color: #F2F8FB;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.announcement-pane > h4 {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
#right-col {
  float: right;
  width: 32%;
}
div.side-box-title {
  clear: both;
  width: 100%;
  height: 1.5em;
}
img.rss-icon {
  float: right;
  padding-top: 0.85em;
  padding-right: 0.5em;
}
a.rss-icon {
  border: 0;
  text-decoration: none;
}
#news-box {
  position: relative;
  margin-top: 2em;
}
div.more-links-container-news-box {
  border-top: 1px solid #43ADE2;
  font-size: 0.6em;
  line-height: 1em;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
  text-align: center;
  width: 100%;
}
ul.news-list {
  list-style-image: url("bullet-point.png");
  margin: 1em 0 0;
  padding: 0 0.5em 0 2.25em;
  text-indent: 0;
}
li.news-list-item {
  font-size: 0.8em;
  font-style: normal;
  font-weight: normal;
  padding-bottom: 0.5em;
}
a.rss-item-link {
  color: #3B0209;
  text-decoration: none;
}
a.rss-item-link:hover {
  text-decoration: underline;
}
h4.rss-item {
  line-height: 1.2em;
  margin: 0 0 0.25em;
  padding: 0;
}
p.rss-item {
  margin: 0 0 0.5em;
  padding: 0;
}
#take-part-box {
  background-color: #F2F8FB;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  box-shadow: 0 0 1em #F2F8FB;
  float: left;
  height: auto;
  margin-top: 2em;
  margin-bottom: 1em;
  position: relative;
  text-align: center;
  width: 66%;
}
div.take-part-text-box1, div.take-part-text-box2 {
  float: none;
  height: 100%;
  width: 100%;
}
div.take-part-text-box1 {
}
div.take-part-text-box2 {
}
h3.take-part-desc-head {
  font-size: 1.2em;
  line-height: 1em;
  margin: 0;
  padding: 0.75em;
  text-align: center;
}
p.take-part-desc-text {
  font-size: 0.95em;
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em 1em;
  text-align: justify;
}
img.take-part-illu {
  border: 0 none;
  clear: both;
  float: none;
}
#take-part-button, #take-part-button2 {
  background-color: #C3D8E2;
  border-radius: 1em 1em 1em 1em;
  box-shadow: 0 0 0.5em #C3D8E2;
  clear: both;
  display: block;
  float: none;
  font-size: 1.15em;
  font-weight: bold;
  height: 100%;
  margin: 0.5em auto;
  text-align: center;
  width: 45%;
}
#take-part-button2 {
  margin-bottom: 1em;
  margin-top: 1em;
}
#take-part-button:hover, #take-part-button2:hover {
  background-color: #D5939D;
  box-shadow: 0 0 0.5em #D5939D;
  display: block;
  height: 100%;
  width: 45%;
}
span.sub-button-text {
  clear: both;
  float: none;
  font-size: 0.75em;
  font-weight: normal;
  padding-bottom: 0;
  padding-top: 0;
}
a.take-part-button, a.take-part-button:visited {
  color: #3B0209;
  display: block;
  height: 100%;
  padding-bottom: 1em;
  padding-top: 1em;
  text-decoration: none;
  width: 100%;
}
a.take-part-button:hover {
  color: #3B0209;
  display: block;
  height: 100%;
  width: 100%;
}
#amazonlink {
  text-align: center;
}
#three-boxes {
  clear: both;
  float: none;
}
div.three-boxes {
  float: left;
  height: 10em;
  margin-top: 1.5em;
  position: relative;
  width: 32%;
}
div.three-boxes:hover {
  background-color: #F2F8FB;
}
div.first-box {
  margin-left: 0;
}
div.second-box {
  margin-left: 2%;
}
div.third-box {
  margin-left: 2%;
}
p.three-boxes-text {
  font-size: 0.9em;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0.75em;
  text-align: justify;
}
p.target-link {
  font-weight: bold;
  text-align: center;
}
a.three-boxes-title-link {
  display: block;
  width: 100%;
  height: 100%;
  color: #3B0209;
  text-decoration: none;
}
a.three-boxes-title-link:hover {
  display: block;
  width: 100%;
  height: 100%;
  color: #3B0209;
  text-decoration: none;
}
div.more-links-container {
  border-top: 1px solid #43ADE2;
  bottom: 0;
  font-size: 0.6em;
  line-height: 1em;
  padding-bottom: 0.25em;
  padding-top: 0.25em;
  position: absolute;
  text-align: center;
  width: 100%;
}
div.more-links-list {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: auto;
}
span.more-links-item-sep {
  border-left: 1px solid #43ADE2;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
a.more-link {
  color: #2D0006;
  text-decoration: none;
}
a.more-link:hover {
  text-decoration: underline;
}
#bottom-boxes {
  clear: both;
  float: none;
  position: relative;
  width: 100%;
}
div.bottom-box-element {
  color: #292425;
  font-size: 0.75em;
  margin-top: 1em;
  position: relative;
  width: 24.5%;
}
a.bottom-box, a.bottom-box:visited {
  color: #292425;
  text-decoration: none;
}
a.bottom-box:hover {
  text-decoration: underline;
}
#donate {
  float: left;
  margin-right: 0.5%;
  text-align: center;
  width: 49%;
}
a.donate {
  padding-left: 0.5em;
}
#social-media {
  float: left;
  margin-right: 0.5%;
  text-align: center;
}
img.social-media {
  height: 32px;
  margin: 0.25em;
  width: 32px;
}
a.social-media, a.social-media:hover {
  border: 0 none;
  color: #292425;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
#stats {
  float: left;
}
div.stats-row {
}
div.stats-value {
  float: right;
}
#sponsors {
  border-top: 1px solid #6B6365;
  clear: both;
  color: #292425;
  float: none;
  font-size: 0.75em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
}
#footer {
  border-top: 1px solid #6B6365;
  clear: both;
  color: #292425;
  float: none;
  font-size: 0.6em;
  margin-top: 0.75em;
  position: relative;
  text-align: center;
  width: 100%;
}
a.footer {
  color: #292425;
  text-decoration: none;
}
a.footer:hover {
  text-decoration: underline;
}
div.impressum {
  float: left;
  text-align: left;
  width: auto;
}
div.contact {
  float: right;
  text-align: right;
  width: auto;
}
a.validator {
  border: 0 none;
  margin-left: 1em;
  margin-right: 1em;
  text-decoration: none;
}
img.validator {
  margin-top: 0.25em;
}