@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { height: 100% }

body {
      font: normal 100%/1.3 Candara, 'Trebuchet MS', sans-serif;
      background: #8db2dc url(bg_gradv_blau.png) repeat-x;
      color: #fff;
      height: 100%;
    }

h1 {  clear: left;
      position: relative; z-index: 10;
      font-size: 3em; font-weight: bold;
      text-align: right;
      padding: 1.3em 63% .7em 0;
    }
div.landing h1 {
      padding: 0; margin-bottom: -.25em;
    }

#showcase {
      display: block;
      float: right;
      position: relative; top: .3em;
    }

div.landing #showcase {
      float: none;
      position: relative;
      padding-bottom: 2.6em;
    }

.showcase_i {
      width: 11.25em; height: 7em;
      border: 1px solid #fff;
    }

h2, h3 {
      clear: left;
      text-align: right;
      width: 37%;
      float: left;
    }

h2 {  font-size: 1.5em;
      line-height: 80%;
      padding: 1em 63% 5em 0;
    }

h3 {  font-size: 1em;
      letter-spacing: .6em;
      padding-bottom: 1.3em;
    }
h3 span.ttspan {
      display: block;
      font-weight: normal;
      letter-spacing: normal;
      padding-right: .6em;
    }
div.lines h3 { letter-spacing: .3em }

h4 {  font-size: 1em; font-weight: normal;
      padding: 0;
      margin: 0 12.5em 0 38%;
    }
#page p, #page ul {
      padding-bottom: 1.3em;
      margin: 0 12.5em 0 38%;
    }

#page .blocks p { min-height: 2.6em }
#page .lines h3, #page .lines p { padding-bottom: 0; margin-bottom: .7em }


li { margin-left: 1em }

#page a  {
      color: #fff;
      text-decoration: underline
    }
#page a:hover {
      background: #c6292e;
      text-decoration: none;
      padding: 0 .1em; margin: 0 -.1em
    }

#nav_top a {
      font-weight: bold;
      text-decoration: none
    }
#nav_top a:hover {
      color: #8db2dc;
      margin: 0 -.2em; padding: 0 .2em
    }

#footer a  {
      color: #fff;
      font-weight: bold;
      text-decoration: none
    }
#footer a:hover { color: #8db2dc }

div.buttons { padding-left: 81% }
#footer div.buttons { height: 3em; margin-top: -3em }
#footer div.buttons a {
      font-size: 3em; font-weight: bold; line-height: 1; white-space: nowrap;
      color: #f69f2f;
    }
#footer div.buttons a:hover { color: #fff }

address {
      clear: left; float: right;
      display: block;
      width: 11.25em;
      padding-top: 14px
    }
address span {
      display: block;
      font: normal 1em/1.3 Candara, 'Trebuchet MS', sans-serif;
      width: auto;
    }

#page { min-height: 100% }

#footer {
      clear:left;
      position: relative; top: -1px; border-top: 1px solid #fff;
      background: #c6292e url(logo_2610x38.png) no-repeat right 15%;
      height: 10.7em;
      padding: 0;   margin-top: -10.7em
    }

#page .inner,
#footer .inner  {
      max-width: 61.8em;
      min-width: 775px;
      margin: 0 auto
    }
#page .inner  { padding-bottom: 12em }
#page .inner_narrow  { overflow: hidden }

#nav_top,
#nav_btm {
      width: 63%;
      padding: 0;
      margin-left: 38%;
    }
#nav_btm { height: 2.6em }

#nav_top li, #nav_btm li {
      float: left;
      list-style: none;
      margin: 0 1.4em 0 0
    }