/*Start Seitenaufbau*/ *, img, html, body, div, object, button, a, form, table, th, td, tr {
    margin: 0px;
    padding: 0px;
    border: 0px;
    /*left: 0px;*/
    /*top: 0px;*/
    outline: none;
}

html, body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

html, body, table, input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 15px;
    font-size: 11px;
    letter-spacing: 0.0020em;
    color: #888888;
}

table, th, td, tr {
    text-align: left;
}

table {
    border-collapse: collapse;
}

form {
    display: block;
    float: left;
}

p {
    display: block;
    /*float: left;*/
    padding-bottom: 9px;
}

label {
    display: block;
    float: none;
    clear: right;
    padding-bottom: 9px;
}

label.left {
    display: block;
    float: none;
    clear: left;
    padding-bottom: 9px;
    width: 90px;
    margin-left: 0px;
}

em {
    font-style: normal;
}

h2 {
    display: block;
    float: none;
    clear: both;
    font-size: 17px;
    line-height: 17px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 12px 0px 10px 0px;
    /*letter-spacing: -0.01em;*/
    color: #999999;
}

#lightboxS h2 {
    color: #ffffff;
}

h3 {
    display: block;
    float: none;
    clear: both;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    margin: 2px 0px 11px 0px;
    color: #999999;
}

h2 span, h3 span {
    visibility: hidden;
}

h2 span.small {
    visibility: visible;
    text-transform: none;
}

h2.subhead {
    margin: 12px 0px 0px 0px;
}

h3.subhead {
    margin: 16px 0px -14px 0px;
}

a:link, a:active, a:visited, a:focus {
    color: #666666;
    text-decoration: none;
}

a:hover, a.active {
    color: #333333;
    text-decoration: none;
}

a.active {
    cursor: default;
}

.clear {
    float: none;
    clear: both;
}

.adobe {
    padding: 200px 80px 200px 80px;
    display: block;
    float: none;
    clear: both;
    text-align: center;
}

#form {
    margin: 6px 0px 0px 0px;
}

#form a {
    text-decoration: underline;
}

#outerWrapper {
    position: relative;
    height: 100%;
    overflow: auto;
    display: block;
    clear: both;
    float: none;
}

#header {
    position: relative;
    margin: 19px auto 15px auto;
    padding-left: 182px;
    width: 778px;
    float: none;
    display: block;
    clear: both;
    line-height: 18px;
    font-size: 12px;
}

#header a {
    color: #45453f;
    margin: 0px 40px 0px 0px;
    letter-spacing: 0.06em;
}

#footer {
    position: relative;
    margin: 0px auto 0px auto;
    width: 905px;
    float: none;
    display: block;
    clear: both;
    text-align: right;
    height: 60px;
}

#footer a {
    color: #666666;
    margin: 0px 0px 0px 40px;
}

#footer a:link, #footer a:visited, #footer a:focus, #footer a:active {
    color: #666666;
}

#footer a:hover {
    color: #333333;
}

.wrapper {
    position: relative;
    margin: 0px auto 0px auto;
    padding-bottom: 0px;
    width: 960px;
    float: none;
    display: block;
    clear: both;
}

div.content {
    position: relative;
    padding: 0px 0px 70px 22px;
    background: url("../img/bgContent.png") repeat-y center top;
}

div.shadowTop {
    height: 10px;
    overflow: hidden;
    background: url("../img/bgContentTop.png") no-repeat center top;
    width: 960px;
}

div.shadowBottom {
    height: 20px;
    overflow: hidden;
    background: url("../img/bgContentBottom.png") no-repeat center top;
    width: 960px;
}

div.trenner {
    height: 1px;
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
}

div.spacer {
    display: block;
    clear: both;
    float: none;
}

#feedback {
    height: 120px;
}

/*navigation left*/
#navLeft {
    display: block;
    float: left;
    margin: 11px 20px 0px 0px;
    width: 142px;
    height: 600px;
}

#navLeft div.trenner {
    margin: 6px 0px 14px 0px;
    width: 142px;
}

#navLeft a {
    display: block;
    float: none;
    clear: both;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.06em;
}

#navLeft a.homeLink {
    line-height: 0px;
    margin-bottom: -6px;
}

#navLeft a.link {
    padding: 2px 0px 5px 0px;
}

#navLeft a.mainLink {
    padding: 2px 0px 12px 0px;
}

/*the sans text block*/
p.theSans {
    font-size: 12px;
    line-height: 15px;
}

/*teaser link*/
a.teaserLink, a.infoDownload {
    display: block;
    clear: both;
    float: none;
    padding-left: 15px;
    font-size: 12px;
    line-height: 15px;
    background: url(../img/arrowTeaserLinkOff.gif) left 4px no-repeat;
    letter-spacing: 0.03em;
    margin-bottom: 10px;
}

a.last {
    margin-top: -7px;
}

a.infoDownload {
    display: block;
    clear: both;
    float: none;
    margin-bottom: 15px;
}

a:link.teaserLink, a:visited.teaserLink, a:focus.teaserLink, a:active.teaserLink, a:link.infoDownload, a:visited.infoDownload, a:focus.infoDownload, a:active.infoDownload {
    background: url(../img/arrowTeaserLinkOff.gif) left 4px no-repeat;
}

a:hover.teaserLink, a:hover.infoDownload {
    background: url(../img/arrowTeaserLinkOn.gif) left 4px no-repeat;
}

/*main teaser*/
#mainTeaser {
    display: block;
    float: left;
    margin: 11px 0px 5px 0px;
    width: 749px;
    height: 500px;
}

/*start cufon replaced*/
.cufon-loading h2, .cufon-loading #navLeft a, .cufon-loading p.theSans, .cufon-loading a.teaserLink {
    visibility: hidden;
}

.cufon-active h2, .cufon-active h3 {
    color: #666666;
}

.cufon-active #lightboxS h2 {
    color: #ffffff;
}

.cufon-active #header a {
    font-size: 14px;
}

/*end cufon replaced*/
/*lightbox*/
#lightboxBgS, #lightboxS, #lightboxBgV, #lightboxV {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 300;
}

#lightboxBgS, #lightboxBgV {
    z-index: 299;
    background: #000000;
}

#lightboxContentS, #lightboxContentV {
    height: 600px;
    width: 749px;
    left: 50%;
    margin-left: -304px;
    margin-top: 75px;
    position: relative;
    text-align: left;
    clear: left;
}

#lightboxClose {
    width: 749px;
    height: 15px;
    padding: 0px 0px 0px 0px;
    background: #000000;
}

#lightboxClose a {
    float: right;
    background: url(../img/lightboxClose.png) right bottom no-repeat;
    padding: 3px 20px 0px 0px;
    margin-right: 18px;
    color: #d7d7d7;
}

#lightboxClose a:hover {
    float: right;
    background: url(../img/lightboxClose.png) right bottom no-repeat;
    padding: 3px 20px 0px 0px;
    margin-right: 18px;
    color: #f4f4f4;
}

#lightboxSlideshow {
    line-height: 0px;
    width: 709px;
    background: #000000;
    text-align: center;
    padding: 8px 20px 0px 20px;
    height: 476px;
}

#lightboxSlideshow span {
    background: #000000;
}

#lightboxFooter {
    width: 749px;
    display: block;
    float: left;
    background: #000000;
}

#lightboxSlideshowNav {
    display: block;
    float: right;
    width: 42px;
    padding: 12px 16px 20px 20px;
}

#lightboxSlideshowNav a.prev {
    background: url(../img/lightboxPrev.png);
    width: 20px;
    height: 20px;
    display: block;
    float: left;
}

#lightboxSlideshowNav a.next {
    background: url(../img/lightboxNext.png);
    width: 20px;
    height: 20px;
    display: block;
    float: right;
}

#lightboxText, #lightboxLogo {
    display: block;
    float: left;
    width: 590px;
    color: #9b9b9b;
    padding: 0px 20px 17px 20px;
    height: 114px;
    background: #000000;
}

#lightboxLogo {
    height: 114px;
}

#lightboxLogo img {
    margin-top: 26px;
}

#lightbox h2 {
    color: #ffffff;
}

/*content*/
#conRight {
    display: block;
    float: left;
    width: 776px;
}

div.contentArea1 {
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    width: 576px;
}

div.contentArea2 {
    display: block;
    float: right;
    margin: 0px 28px 8px 0px;
    width: 172px;
}

div.contentArea3 {
    display: block;
    float: left;
    margin: 0px 0px 8px 0px;
    width: 576px;
}

div.contentArea4 {
    display: block;
    float: left;
    margin: 0px 0px 8px 0px;
    width: 384px;
}

div.contentArea5 {
    display: block;
    float: right;
    margin: 0px 8px 8px 0px;
    width: 384px;
}

div.contentArea6 {
    display: block;
    float: left;
    margin: 0px 20px 8px 0px;
    width: 768px;
}

div.contentArea7 {
    display: block;
    float: left;
    margin: 0px 0px 8px 0px;
    width: 172px;
}

div.contentTeaser1 {
    margin: 0px 16px 0px 0px;
    display: block;
    float: left;
    width: 176px;
}

div.contentTeaser1 div.trenner {
    width: 172px;
}

div.contentTeaser1 div.info {
    margin-bottom: 36px;
}

div.contentTeaser1 img.info {
    margin: 0px 0px -12px 0px;
}

div.contentTeaser2 {
    margin: 0px 16px 0px 0px;
    display: block;
    float: left;
    width: 368px;
}

div.contentTeaser2 .trenner {
    width: 364px;
}

div.contentTeaser1 input {
    width: 163px;
}

div.contentTeaser2 input {
    width: 203px;
}

div.contentTeaser2 .select {
    width: 213px;
}

div.contentTeaser2 div.jqTransformInputWrapper {
    margin: 4px 0px 6px 0px;
}

div.contentTeaser1 img, div.contentTeaser2 img {
    margin: 3px 0px 5px 0px;
}

div.contentTeaser1 div.trenner {
    margin-top: 10px;
}

div.contentTeaser2 .trenner {
    margin-top: 10px;
}