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

h1 {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #155c99;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    max-width: 580px;
    line-height: 1.5em;
}

h3 {
    font: bold 13px/19px 'DINFF',arial,helvetica,sans-serif;
    margin: 0 0 11px;
    color: #155c99;
    padding: 0;
    max-width: 580px;
}





h4 {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #155c99;
    margin-bottom: 5px;
    padding: 0;
    text-indent: 10px;
}
/*---------------Auszeichnungen----------------*/

.itd_gruen {
    color: #155c99;
}

.rot {
    color: #ff0000;
}


/*---------------Bild mit Bildunterschrift----------------*/


dt img {
    display: block;
    border: 1px solid #155c99;
}


dd, caption {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    font-size: 11px;
    color: #155c99;
    margin: 0;
    padding: 2px 2px 10px;
}

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    border: 1px solid #155c99;
}

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 20px !important;
}

div.csc-textpic {
    clear: both;
}




/*--------------------------------------------------------*/

/*---------------Zitat----------------*/

blockquote {
    float: left;
    width: 200px;
    padding: 0;
    border-bottom: 1px dotted;
    border-top: 1px dotted;
    border-color: #999999;
    margin: 20px 20px 20px 2em;
}

blockquote p.bodytext {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    font-size: 12px;
    color: #155c99;
    padding: 10px 0 10px 0;
    text-align: left;
}

/*--------------------------------------------------------*/


#content ul {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #555555;
    line-height: 1.5em;
    max-width: 580px;
    padding: 0;
    margin-top: 8px;
    display: block;
}

#content ul li {
    margin-bottom: 8px;
    margin-left: 2em;
}
#content ul li.empty {
    list-style-type: none;
}


/*---------------Sekundärer Content----------------*/

#subnav_content {
    width: 220px;
    max-width: 230px;
    height: 100%;
    min-height: 170px;
    float: left;
}

#content ul.subnav_ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
    margin-bottom: 25px;
}

#content ul.subnav_list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

#content li.subnav_li {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #155c99;
    text-decoration: none;
    list-style: none;
    margin-left: 0;
}


#content li.subnav_li a {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

#content li.subnav_li a:hover {
    text-decoration: underline;
}

#content ul.subnav_ul li a:visited {
    text-decoration: none;
    color: #999999;
}

#content li.active_subnav_li {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-decoration: underline;
    list-style: none;
    margin-left: 0;
}

#secondary_content {
    width: 445px;
    height: 100%;
    min-height: 150px;
    float: right;
    background-color: #dfebec;
    padding: 10px;
}
/*--------------------------------------------------------*/



/*--------------Mailformular POWERMAIL----------------*/



div.tx-powermail {
    height: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
div.tx-powermail h3 {
    display: none;
}
div.tx-powermail fieldset {
    border: 0;
    /* background-color: #EEEEEE; */
    padding: 10px 0 0;
    margin: 0;
}
div.tx-powermail fieldset fieldset {
    padding: 0;
    margin: 0;
}

div.tx-powermail legend {
    display: none;
    margin: 0;
    padding: 0;
}

div.tx-powermail label {
    width: 150px;
    display: inline-block;

    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 12px;
    color: #333333;
    vertical-align: top;
}
div.tx-powermail label a {
    color: #333333;
    text-decoration: underline;
}
#content div.tx-powermail span.mandatoryNotice {
    color: #888;
    font-size: 11px;
    display: block;
    padding-bottom: 2px;
}
#content div.tx-powermail div.powermail_field_error_container ul {
    margin: 0;
}
div.tx-powermail .powermail_fieldwrap_radio legend.powermail_label {
    position: absolute;
    top: 0;
    left: 0;
}
div.tx-powermail .powermail_fieldwrap .powermail_check_legend {
    margin-bottom: 7px;
}

div.tx-powermail div {
    margin-top: 0;
    margin-bottom: 10px;
}
div.tx-powermail div.powermail_check_inner,
div.tx-powermail div.powermail_check_outer {
    margin: 0;
}

div.tx-powermail div.powermail_field_error_container {
    margin: 0;
}
div.tx-powermail div.powermail_fieldwrap {
    position: relative;
}
#content ul.parsley-errors-list li {
    margin-left: 0;
}
div.tx-powermail .powermail_fieldwrap_check legend {
    display: block;
    font-weight: bold;
}
div.tx-powermail .powermail_fieldwrap_radio {
    margin-bottom: 0;
}
div.tx-powermail .powermail_checkbox {
    margin: 3px 3px 0 0;
}
div.powermail_radio_outer {
    margin-left: 150px;
}
div.powermail_radio_outer div {
    margin-bottom: 0;
}
div.tx-powermail .powermail_radio {
    margin: 2px 3px 0 0;
}

.tx_powermail_pi1_fieldwrap_html_radio_title {
    display: none;
}

div.powermail_radio_inner {
    display: inline;
}

div.powermail_radio_inner label {
    display: inline;
    width:auto;
    margin-top: 0;
    margin-bottom: 0;
}

div.powermail_check_inner label{
    font-weight: normal;
    width: auto;
}


#powermail_fieldwrap_33, #powermail_fieldwrap_77, #powermail_fieldwrap_95  {
    margin-bottom:20px;
}
div.tx-powermail input {
    margin: 0;
}
div.tx-powermail .powermail_input, div.tx-powermail .powermail_textarea {
    border: 1px solid #cccccc;
    padding: 2px 4px;
}
div.tx-powermail input.parsley-error, div.tx-powermail textarea.parsley-error {
    border: 1px solid #F00;
}
div.tx-powermail ul.parsley-errors-list {
    margin: 0 0 0 150px;
    padding: 0;
    list-style-type: none;
}
div.tx-powermail ul.parsley-errors-list li {
    font: normal 10px/16px arial, helvetica, sans-serif;
    color: #FF0000;
    padding-top: 2px;
}
div.tx-powermail ul.parsley-errors-list li:last-child {
    margin-bottom: -5px;
}
div.tx-powermail div.powermail_radio_outer ul.parsley-errors-list {
    margin-left: 0;
}
div.tx-powermail .powermail_fieldwrap_radio div.parsley-error label {
    color: #FF0000;
}


textarea {
    width: 400px;
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    font-size: 12px;
    color: #333333;

}


p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
    font-weight: bold;
}

p.text_headline {
    font-weight: bold;
}

div.tx-powermail_confirmation {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    font-size: 12px;
    color: #333333;
}

form.tx_powermail_pi1_formconfirmation_back {
    margin-top: 10px;
    margin-bottom: 10px;
}

#powermail_fieldwrap_13 legend, #powermaildiv_uid46 p, #powermaildiv_uid90 p, #powermaildiv_uid108 p, #powermaildiv_uid126 p, #powermaildiv_uid61 p.text_headline, #powermaildiv_uid60 p.text_headline, #powermaildiv_uid74 p.text_headline, #powermaildiv_uid140 p.text_headline, #powermaildiv_uid152 p.text_headline {
    display: none;
}

#powermail_fieldwrap_13 div {
    margin-top: 0;
}

/* Color of mandatory error message */
div.tx-powermail .mandatory {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    font-size: 12px;

    color: red;
}
input.validation-failed,
textarea.validation-failed {
}
div.powermail_mandatory_js {
    /* DIV container of errormessage */
    color: red;
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    font-size: 12px;

}



/*--------------------------------------------------------*/



/*--------------SUCHE----------------*/

div.tx-indexedsearch h3 a {
    margin-bottom: 0;
    line-height: normal;
}

div.tx-indexedsearch h3 a {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #155c99;
    margin-top: 5px;
    padding: 0;
    max-width: 580px;
    text-decoration: none;
}

div.tx-indexedsearch h3 a:hover {
    text-decoration: underline;
}

div.tx-indexedsearch a, div.tx-indexedsearch-sectionlinks a {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    margin: 0;
    padding: 0;
    max-width: 580px;
    text-decoration: underline;
}


div.tx-indexedsearch h2 a {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: bold;
    font-size: 13px;
    color: #555555;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 0;
    max-width: 580px;
    line-height: 1.5em;
}

div.ergebnis {
    padding: 5px;
    background-color: #EEEEEE;
    margin-bottom: 3px;
}

div.tx-indexedsearch {
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    font-size: 12px;
    color: #333333;

}


/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/* Addings Update to 4.5.22 */

form#tx_indexedsearch {display: none;}
dl.tx-indexedsearch-info {display: none;}
.tx-indexedsearch-res .tx-indexedsearch-percent {
    margin: 0;
}
.tx-indexedsearch-res .tx-indexedsearch-icon {
    vertical-align: text-top;
}
.tx-indexedsearch-res h3 {
    margin-bottom: 0;
    font-weight: normal;
}
#content ul.browsebox {list-style: none;}
#content ul.browsebox li {display: inline;  margin-right: 10px; margin-left: 0;}
.tx-indexedsearch-title {}
.tx-contactslist-pi1 input[type="submit"] {margin-top: 0;}


#content .rowContainer {
    overflow: auto;
}
#content .rowContainer .row {
    width: 195px;
    float: left;
    margin-right: 8px;
}
#content .rowContainer .row3 {
    margin-right: 0;
}
#content .rowContainer .ce_itd_teaser {
    margin-bottom: 20px;
    background: #ffffff;
}
#content .rowContainer .ce_itd_teaser a {
    text-decoration: none;
}
#content .rowContainer .ce_itd_teaser a * {
    opacity: 0.80;
    -moz-opacity: 0.80;
}
#content .rowContainer .ce_itd_teaser a:hover * {
    opacity: 1;
    -moz-opacity: 1;
}
#content .rowContainer .ce_itd_teaser img {
    border: 0 none;
}
#content .rowContainer .ce_itd_teaser .imageContainer {
    margin-bottom: 2px;
}
#content .rowContainer .ce_itd_teaser .imageContainer table {
    width: 100%;
}
#content .rowContainer .ce_itd_teaser .imageContainer table td {
    height: 165px;
    vertical-align: bottom;
    text-align: center;
}
#content .rowContainer .ce_itd_teaser table td p {
    margin: 0;
}
#content .rowContainer .ce_itd_teaser .imageContainer img {
    margin: 0 auto;
    display: block;
    max-width: 195px;
    height: auto;
}
#content .rowContainer .ce_itd_teaser h3 {
    color: #333333;
    font-family: 'DINFF',arial,helvetica,sans-serif;
    font-size: 16px;
    line-height: 20px;
    //letter-spacing: 1px;
    font-weight: bold;
    position: relative;
    text-align: center;
}
#content .rowContainer .ce_itd_teaser h3 dfn {
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    top: 4px;
    left: 0;
    margin-right: 8px;
}

#content .rowContainer .ce_itd_teaser ul li {
    margin-bottom: 6px;
    margin-left: 1.5em;
}
#content .rowContainer .ce_itd_teaser .details {
    padding: 5px;
    line-height: 16px;
    min-height: 200px;
}
#content .rowContainer .ce_itd_teaser .details p {
    line-height: 14px;
}
#content .rowContainer .ce_itd_teaser .details table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 6px;
}
#content .rowContainer .ce_itd_teaser .details table td {
    padding: 0;
    vertical-align: top;
}
#content .rowContainer .ce_itd_teaser .details table td:first-child {
    min-width: 70px;
    padding-right: 5px;
    white-space: nowrap;
}
#content .rowContainer .ce_itd_teaser .details-light * {
    color: #ffffff;
    font-size: 11px;
}
#content .rowContainer .ce_itd_teaser .details-dark * {
    color: #005c9c;
    font-size: 11px;
}


#content .solutionOverview {
    /* margin-right: 30px; */
}
#content .solutionOverview table {
    /* width: 650px; */
    width: 680px;
}
#content .solutionOverview td.c0 {
    width: 460px;
}
#content .solutionOverview td.c1 {
    width: 200px;
}
#content .solutionOverview td.spacer {
    width: 20px;
    font-size: 2px;
    line-height: 2px;
}
#content .solutionOverview img {
    width: 100%;
    height: auto;
}
#content .solutionOverview img.frontEndEditIcons {
    width: auto;
    height: auto;
}
#content .solutionOverview .intro td {
    padding-bottom: 30px;
}
#content .solutionOverview .slidingContent td {
    padding-bottom: 11px;
}
#content .solutionOverview .slidingContent h1 {
    color: #414042;
    font: 28px/33px 'DINFF',arial,helvetica,sans-serif;
    margin-bottom: 17px;
}
#content .solutionOverview .slidingContent ul li {
    margin: 0;
}

#content .solutionOverview .slidingContent .csc-textpic div {
    display: inline;
}
#content .solutionOverview .slidingContent .csc-textpic img {
    width: 100%;
    max-width: 196px;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
#content .solutionOverview .slidingContent .csc-textpic img.frontEndEditIcons {
    width: auto;
    height: auto;
    float: none;
    margin: 0;
}
#content .solutionOverview .slidingContent .csc-textpic-left img {
    margin-right: 12px;
}
#content .solutionOverview .slidingContent div.csc-textpic-text {
    display: block;
    width: 250px;
    float: left;
    clear: none;
    margin-bottom: 10px;
}
#content .solutionOverview .slidingContent a.next {
    display: inline-block;
    background: #929496;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px 20px;
    font-size: 13px;
    line-height: 18px;
    min-width: 160px;
    text-align: center;
}
#content .solutionOverview .slidingContent a.next:hover {
    text-decoration: none;
}
#content .solutionOverview .slidingContent .csc-textpic div.button {
    display: block;
    text-align: right;
    padding: 15px 0 12px;
}
#content .solutionOverview .slidingContent .csc-textpic-right div.button {
    text-align: left;
}
#content .solutionOverview .slidingContent .csc-textpic div.hidden,
#content .solutionOverview .slidingContent .csc-textpic-right div.hidden {
    display: none;
}

#content .solutionOverview .noJS .slidingContent .csc-default {
    border-bottom: 1px dotted #414042;
    padding-bottom: 11px;
    margin-bottom: 30px;
}
#content .solutionOverview .noJS .slidingContent .csc-default:last-child {
    border: 0 none;
    margin: 0;
    padding: 0;
}
#content .solutionOverview .noJS .slidingContent .csc-default:last-child div.button {
    display: none;
}

#content .solutionOverview .outro h1 {
    color: #414042;
    font: 28px/33px 'DINFF',arial,helvetica,sans-serif;
    margin-bottom: 17px;
    padding-top: 30px;
    border-top: 1px dotted #414042;
}
#content .solutionOverview .outro td {
    padding-bottom: 18px;
}
#content .solutionOverview .contact h1 {
    color: #414042;
    font: 28px/33px 'DINFF',arial,helvetica,sans-serif;
    margin-bottom: 0;
}
#content .solutionOverview .contactWrapper {
    position: relative;
    padding-bottom: 45px;
}
#content .solutionOverview .contactWrapper .csc-default a {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 0;
    background: #929496;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px 20px;
    font-size: 13px;
    line-height: 18px;
    min-width: 160px;
    text-align: center;
}
#content .solutionOverview .contactWrapper .csc-default a:hover {
    text-decoration: none;
}
#content .solutionOverview .contactWrapper .csc-default a.frontEndEditIconLinks {
    position: relative;
    display: inline;
    background: transparent;
    top: auto;
    right: auto;
    left: auto;
}

/** Button **/
#content a.itdButton {
    display: table-cell;
    width: 120px;
    height: 60px;
    border: 1px solid #eee;
    color: #333;
    font-size: 13px;
    text-decoration: none;
    -webkit-box-shadow:  5px 5px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  5px 5px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#content a.itdButton span {
    display: table-cell;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #FFF;
    border-left: 2px solid #FFF;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #F5F6F6;
    font-weight: bold;
}
#content a.itdButton:hover {
    color: #155c99;
}
#content a.itdButton:hover span {
    background: #F4F2F2;
}

#content a.itdButtonLayout0 {
    width: auto;
}
#content a.itdButtonLayout0 span {
    width: 100%;
    padding: 0 20px;
}
#content a.itdButtonLayout1 {
    width: 220px;
}
#content a.itdButtonLayout1 span {
    width: 220px;
}

/** 3 spaltiger Inhalt **/
#content .content3ColsFullWidth table td {
    width: 33%;
    max-width: 220px;
}
#content .content3ColsFullWidth table td.spacer {
    width: 20px;
    white-space: nowrap;
}