@import url(reset.css);
html, body {
  height: 100%; }

body {
  font: 12px/18px "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
  color: #333333;
  text-rendering: optimizeLegibility;
  background: #cccccc repeat-x url(../images/background.png) top left; }

h1, h2, h3, h4, h5 {
  color: #d60025;
  font-weight: normal; }
  h1 p, h1, h2 p, h2, h3 p, h3, h4 p, h4, h5 p, h5 {
    margin-bottom: 18px; }

h1 {
  background: no-repeat url(../images/logo_de.png) top left;
  width: 236px;
  height: 57px;
  display: block;
  text-indent: -999em;
  margin-top: 40px;
  clear: both;
  float: left; }
  .lang-en h1 {
    background-image: url(../images/logo_en.png); }
  h1 a {
    display: block;
    width: 100%;
    height: 100%; }
  #All h1 {
    margin-bottom: 26px; }

body h2 {
  font-size: 24px;
  line-height: 36px;
  margin-top: 36px; }

body h3 {
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 0; }

p {
  margin-bottom: 18px; }

strong {
  font-weight: bold; }

a {
  color: #d60025; }

#All {
  width: 880px;
  margin: 0 auto;
  padding-bottom: 36px; }
  #All #TopNav {
    margin-top: 10px; }
    #All #TopNav a.link-flash {
      float: left;
      margin-left: 0; }
    #All #TopNav li {
      margin-left: 10px; }
    #All #TopNav li a {
      font-size: 14px; }
    #All #TopNav li.lang-switch {
      margin-left: 30px; }
  #All #Nav {
    float: right;
    width: 625px;
    margin-top: 79px; }

#Nav, #TopNav {
  font-family: "Yanone Kaffeesatz", "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
  margin-bottom: 18px;
  float: left;
  text-align: right;
  width: 100%;
  position: relative; }
  #Nav li, #TopNav li {
    display: inline;
    margin-left: 18px; }
    #Nav li.section ul, #TopNav li.section ul {
      display: block;
      position: absolute;
      top: 18px;
      left: 0;
      width: 100%; }
      #Nav li.section ul li, #TopNav li.section ul li {
        margin-left: 10px; }
        #Nav li.section ul li a, #TopNav li.section ul li a {
          font-size: 16px;
          color: #b2b2b2; }
    #Nav li ul, #TopNav li ul {
      display: none; }
    #Nav li a, #TopNav li a {
      color: #b2b2b2;
      text-decoration: none;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: 1px; }
      #Nav li a:hover, #TopNav li a:hover {
        color: #d60025; }
  #Nav .section a:hover, #TopNav .section a:hover {
    color: #d60025; }
  #Nav .section .section a, #Nav .section .current a, #TopNav .section .section a, #TopNav .section .current a {
    color: #d60025; }
  #Nav .section a, #Nav .current a, #TopNav .section a, #TopNav .current a {
    color: #d60025; }

#Slides {
  position: relative;
  overflow: hidden;
  width: 858px;
  height: 326px;
  margin-bottom: 18px; }
  .home #Slides, .en #Slides {
    height: 450px; }
  #Slides .slide {
    position: absolute;
    top: 0;
    left: 0; }
    #Slides .slide .caption {
      position: absolute;
      top: 160px;
      right: 60px;
      width: 800px;
      text-align: right;
      font-size: 30px;
      line-height: 36px;
      color: white;
      text-shadow: #333333 0px 0px 3px; }

#Content {
  clear: both;
  background: white;
  border: 1px solid #cccccc;
  float: left;
  width: 860px;
  padding: 10px 10px 18px 10px;
  position: relative;
  box-shadow: 0 0 10px #999999;
  -webkit-box-shadow: 0 0 10px #999999;
  -moz-box-shadow: 0 0 10px #999999; }
  #Content .wrap {
    width: 750px;
    margin: 0 auto;
    padding-bottom: 18px; }

#WidgetList h3 {
  margin-top: 18px; }

#Contact {
  margin-top: 54px;
  float: left;
  width: 100%; }
  #Contact .link-flash {
    float: left;
    width: 120px; }
  #Contact div {
    float: right;
    width: 650px;
    text-align: right;
    padding-right: 10px; }
    .lang-en #Contact div {
      width: 660px; }
    #Contact div span {
      margin-left: 10px; }
      .lang-en #Contact div span {
        margin-left: 5px; }

.link-flash {
  font-family: "Yanone Kaffeesatz", "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #d60025;
  text-transform: uppercase;
  margin-left: 55px;
  padding-left: 15px;
  background: no-repeat url(../images/arrow.gif) left center; }
  .wrap .link-flash {
    margin-left: 0;
    margin-bottom: 36px;
    display: block; }
  .link-flash:hover {
    text-decoration: underline; }

a.more {
  padding-left: 15px;
  background: no-repeat url(../images/arrow.gif) left center;
  margin-left: 8px; }

#Login_Form {
  background: white;
  margin: 100px auto;
  width: 500px;
  padding: 20px;
  color: #de0000;
  border: 1px solid #b9b9b9;
  box-shadow: 0 0 10px #999999;
  -webkit-box-shadow: 0 0 10px #999999;
  -moz-box-shadow: 0 0 10px #999999; }
  #Login_Form h2 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 32px; }
  #Login_Form label {
    text-transform: uppercase;
    font-weight: bold; }
  #Login_Form input.text {
    width: 100%;
    margin: 5px 0 20px; }
  #Login_Form #ForgotPassword {
    display: none; }

.grid-items {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 36px; }
  .grid-items li {
    float: left;
    width: 100%;
    margin-bottom: 18px; }
    .grid-items li.as-grid {
      width: 33%; }
    .grid-items li div {
      width: 60%;
      float: left;
      clear: both; }
    .grid-items li img {
      float: right; }

.page-items h2 {
  margin-top: 18px; }
.page-items li {
  margin-top: 36px;
  margin-bottom: 18px; }

.contact-items {
  float: left;
  width: 100%;
  margin-bottom: 36px; }
  .contact-items li {
    float: left;
    width: 50%;
    margin-bottom: 18px; }
    .contact-items li.item-1 {
      margin-bottom: 54px; }
    .contact-items li.even {
      clear: left; }

.flash-notice {
  border: 10px solid #e2001a;
  padding: 28px 28px 10px 28px;
  margin-top: 36px;
  background: white;
  clear: both; }
  .flash-notice h2 {
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    line-height: 18px; }

.clear {
  clear: both; }