body {
    margin: 0 0 30px 40px;
    background: #fff;
}
body,
select,
input {
    color: #505050;
    font: 13px/20px "times new roman", times, serif;
}
p,
ul,
.para {
    margin: 0 0 12px 0;
}
h1,
h2,
.h2,
.big {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
}
h1 {
    margin: 0;
    letter-spacing: 2px;
}
h2,
.h2 {
    margin: 18px 0 0 0;
    border-bottom: 1px solid #a7002b;
    color: #a7002b;
    font-weight: bold;
    letter-spacing: 1px;
}
a {
    color: #a7002b;
}
img {
    border: none;
}
em {
    font-style: normal;
    font-weight: bold;
    color: #a7002b;
}

.warn {
    border: 1px solid #a7002b;
    padding: 2px 4px;
    background: #fff0f4;
}
.link {
    color: #a7002b;
    text-decoration: underline;
}
.ax-icon {
    width: 14px;
    height: 14px;
    position: relative;
    top: 1px;
}
span.title {
    display: block;
    font-weight: bold;
}
span.line {
    display: block;
}
span.sep {
    padding: 0 12px;
    cursor: default;
}
.big {
    font-weight: bold;
    letter-spacing: 1px;
}

/* clearfix */
#nav:after,
#subnav:after,
#main:after,
#content:after,
.box-container:after,
.vertical-box:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

/* hasLayout */
/* holly hack \*/
* html #nav,
* html #subnav,
* html #content,
* html .box-container,
* html .vertical-box {
    height: 1%;
}
*+html #nav,
*+html #subnav,
*+html #content,
*+html .box-container,
*+html .vertical-box {
    height: 1%;
}
/* end hide */

/* top */

#lang-select {
    width: 936px;
    height: 36px;
    margin-top: 4px;
    text-align: right;
}
#lang-select a {
    color: #aaa;
}
#logo {
    width: 202px;
    margin-bottom: 14px;
}
#logo img {
    display: block;
}

/* main */

#main {
    width: 936px;
}
#left-col,
#right-col {
    float: left;
}
#left-col {
    width: 724px;
}

/* navigation */

#nav,
#subnav {
    line-height: 20px; /* make sure */
}
#subnav-empty {
    height: 22px;
    background: #e4e4e4;
}
#subnav-background {
    background: #e4e4e4;
}
#nav a,
#subnav a {
    float: left;
    padding: 0 10px 0 12px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    background: url(../images/navi/navi-background.gif) repeat-x;
}
#nav a {
    border-bottom: 2px solid #ffffff;
    background-color: #a7002b;
}
#nav a.selected,
#nav a.over,
#subnav a {
    background-color: #a1a1a1;
    background-position: 0 -22px;
}
#subnav a {
    padding-bottom: 2px;
}
#subnav a.selected,
#subnav a.over {
    color: #505050;
    background-color: #e4e4e4;
}
#subnav a.selected {
    background-position: 0 -46px;
}
#subnav a.over {
    background-position: 0 -70px;
}
#nav span,
#subnav span {
    float: left;
    background: url(../images/navi/navi-tiles.gif) no-repeat;
}
#nav span {
    height: 20px;
}
#subnav span {
    height: 22px;
}

#nav span.start-i {
    width: 7px;
    background-position: -2px -2px;
}
#nav span.start-a {
    width: 7px;
    background-position: -11px -2px;
}
#nav span.start-o {
    width: 7px;
    background-position: -11px -2px;
}
#nav span.mid-ii {
    width: 21px;
    background-position: -29px -2px;
}
#nav span.mid-ia {
    width: 21px;
    background-position: -52px -2px;
}
#nav span.mid-ai {
    width: 21px;
    background-position: -75px -2px;
}
#nav span.mid-oi {
    width: 21px;
    background-position: -75px -2px;
}
#nav span.mid-io {
    width: 21px;
    background-position: -121px -2px;
}
#nav span.mid-oa {
    width: 21px;
    background-position: -144px -2px;
}
#nav span.mid-ao {
    width: 21px;
    background-position: -167px -2px;
}
#nav span.end-i {
    width: 16px;
    background-position: -190px -2px;
}
#nav span.end-a {
    width: 16px;
    background-position: -208px -2px;
}
#nav span.end-o {
    width: 16px;
    background-position: -208px -2px;
}

#subnav span.start-i {
    width: 7px;
    background-position: -2px -24px;
}
#subnav span.start-a {
    width: 7px;
    background-position: -11px -24px;
}
#subnav span.start-o {
    width: 7px;
    background-position: -20px -24px;
}
#subnav span.mid-ii {
    width: 21px;
    background-position: -29px -24px;
}
#subnav span.mid-ia {
    width: 21px;
    background-position: -52px -24px;
}
#subnav span.mid-ai {
    width: 21px;
    background-position: -75px -24px;
}
#subnav span.mid-oi {
    width: 21px;
    background-position: -98px -24px;
}
#subnav span.mid-io {
    width: 21px;
    background-position: -121px -24px;
}
#subnav span.mid-oa {
    width: 21px;
    background-position: -144px -24px;
}
#subnav span.mid-ao {
    width: 21px;
    background-position: -167px -24px;
}
#subnav span.end-i {
    width: 16px;
    background-position: -190px -24px;
}
#subnav span.end-a {
    width: 16px;
    background-position: -208px -24px;
}
#subnav span.end-o {
    width: 16px;
    background-position: -226px -24px;
}

/* home page */

.home-image {
    width: 346px;
    height: 292px; /* 322 - 30 */
    padding: 30px 574px 0 16px; /* 936 - 16 - 346 */
    background-repeat: no-repeat;
}
.home-image-full {
    width: 596px;
    height: 524px; /* 554 - 30 */
    margin-bottom: 8px;
    padding: 30px 324px 0 16px; /* 936 - 16 - 346 */
    background-repeat: no-repeat;
    color: #333;
}

/* content */

#content {
    padding-top: 27px;
    background: url(../images/navi/content-gradient.jpg) repeat-x;
}
#content .text {
    width: 514px;
    margin-left: 16px;
}

/* boxes */

.box-container {
    margin: 20px 0 20px 0;
}
.box-container-home {
    margin: 10px 0 8px 0 !important;
}
.box-home1,
.box-home2,
.box-home3,
.box-2col,
.box-3col,
.box-4col {
    float: left;
    position: relative;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
}
.box-last {
    margin-right: 0;
}
.box-container .fader {
    position: absolute;
    z-index: 1;
    background: #ffffff;
    opacity: 0.85;
    filter: alpha(opacity=85);
}
.box-container a {
    display: block;
    position: absolute;
    z-index: 2;
    border-bottom: 2px solid #fff;
    padding: 9px 16px 0 16px;
    text-decoration: none;
}
.box-container a:hover {
    background: #e7d2d7;
}
.box-home-partner {
    float: left;
    width: 198px;
    margin: 0 6px;
}
.box-home-partner p {
    line-height: 17px;
}
.box-home-partner img {
    display: block;
}

.box-home1 {
    width: 226px;
    height: 222px;
}
.box-home1 .fader {
    width: 226px;
    height: 110px;
}
.box-home1 a {
    width: 194px;
    height: 101px;
}
.box-home2 {
    width: 227px;
    height: 222px;
}
.box-home2 .fader {
    width: 227px;
    height: 110px;
}
.box-home2 a {
    width: 195px;
    height: 101px;
}
.box-home3 {
    width: 353px;
    height: 222px;
}
.box-home3 .fader {
    width: 353px;
    height: 110px;
}
.box-home3 a {
    width: 321px;
    height: 101px;
}
.box-2col {
    width: 338px;
    height: 222px;
}
.box-2col .fader {
    width: 338px;
    height: 110px;
}
.box-2col a {
    width: 306px;
    height: 101px;
}
.box-3col {
    width: 222px;
    height: 222px;
}
.box-3col .fader {
    width: 222px;
    height: 110px;
}
.box-3col a {
    width: 190px;
    height: 101px;
}
.box-4col {
    width: 164px;
    height: 164px;
}
.box-4col .fader {
    width: 164px;
    height: 82px;
}
.box-4col a {
    width: 132px;
    height: 73px;
}

.vertical-box-container,
.vertical-box-text,
.vertical-box-image,
.vertical-box a,
.content-image,
.content-image-text {
    float: left;
}

.vertical-box-container {
    width: 338px;
}
.vertical-box-text {
    width: 332px; /* 686 - 338 - 16 */
    margin-left: 16px;
}
.vertical-box {
    margin-bottom: 10px;
}
.vertical-box-image img {
    display: block;
    width: 106px;
    height: 106px;
}
.vertical-box a {
    width: 208px; /* 338 - 106 - 3 - 14 - 7 */
    height: 100px; /* 106 - 6 */
    margin-left: 3px;
    padding: 6px 14px 0 7px;
    background: #f3f3f3;
    text-decoration: none;
}
.vertical-box a:hover {
    background: #e7d2d7;
}

.content-image {
}
.content-image img {
    display: block;
    width: 222px;
    height: 222px;
}
.content-image-text {
    width: 448px; /* 686 - 222 - 16 */
    margin-left: 16px;
}

.box-container .h2,
.vertical-box .h2 {
    display: block;
    margin: 0;
}
.box-container .para,
.vertical-box .para {
    display: block;
    color: #505050;
    margin: 0;
    line-height: 17px;
}

/* features */

/*.caption {
    background: #f3f3f3;
    padding: 2px 6px;
    margin: 12px 0 4px 0;
}*/
.features {
    margin: 14px 0 12px 0;
}
table.features {
    display: block;
    border-collapse: collapse;
}
.feature,
.features td div {
    border: solid #ccc;
    border-width: 1px 0 0 1px;
    padding: 0 0 0 5px;
}
.feature {
    margin: 0 0 4px 0;
}
.features th,
.features td {
    padding: 0 0 4px 0;
    vertical-align: top;
}
.features th.first,
.features td.first {
    padding-right: 8px;
}
.features th div {
    padding: 0 0 0 6px;
    background: #f3f3f3;
    text-align: left;
    text-transform: uppercase;
}
.features td div {
    width: 214px; /* 0.5 * (448 - 8) - 5 - 1 */
}

/* partner */

.partner {
    margin-left: 105px;
}
.partner-thumb {
    float: left;
    margin: 5px 0 0 33px;
}
.partner-thumb img {
    width: 50px;
    height: 50px;
}

/* right column */

#right-col {
    min-height: 372px; /* 350 + 20 + 2 */
    width: 210px;
    margin-left: 2px;
    background: url(../images/rcol/rechts_gradient.jpg) repeat-x 0 22px;
}
* html #right-col {
    height: 372px;
}
#right-col .header,
#right-col .sub-header {
    padding: 0 8px 0 8px;
    background: #e1e1e1;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#right-col .image,
#right-col .sub-header {
    border-top: 2px solid #ffffff;
}
#right-col .image img {
    display: block;
}
#right-col .box {
    border-top: 2px solid #ffffff;
    padding: 6px 12px;
}
#right-col .partner-logo-last {
    margin-bottom: 12px;
}
#right-col .partner-logo img {
    display: block;
}

/* bottom */

#bottom {
    width: 936px;
    margin-top: 2px;
    border-top: 2px solid #a7002b;
    padding-top: 4px;
}

#bottom-nav {
    float: left;
}
#bottom-nav a {
    color: #505050;
    letter-spacing: 1px;
    text-decoration: none;
}
#bottom-nav a:hover {
    color: #a7002b;
}

#bottom-logo {
    float: right;
}
#bottom-logo .ax-icon {
    padding-left: 10px;
}

/* forms */

table.form {
    margin: 12px 0px;
}
table.form td {
    padding: 1px 0px;
    vertical-align: top;
}
table.form td.text {
    padding-top: 3px;
}
table.form td.input {
}
table.form td.formlabel {
    padding-right: 8px;
}
table.form td.checkbox {
    padding-right: 2px;
    text-align: right;
}
.optionhdr {
    background: #dddddd;
    font-weight: bold;
}
input.formfield {
    width: 300px;
}
select.formfield {
    width: 300px;
}
.formfield {
    vertical-align: middle;
}
html>body .formfield {
    vertical-align: baseline;
}
.checkbox {
    vertical-align: middle;
}