/**
 * webfonts
 */
.subpage #main_teaser .teaser_texts h1{
    font-family: "FrutigerLTW01-75Black", Frutiger, "Arial Black", Arial, sans-serif;
}
.subpage #main_teaser .teaser_texts h2 {
    font-family: "Frutiger LT W01 65 Bold", Frutiger, "Arial Black", sans-serif;
}
.subpage .normal_teaser article h3,
.subpage .featured_teaser article button,
.subpage .featured_teaser article div header h3 {
    font-family: "FrutigerLTW01-55Roman", Frutiger, Arial, sans-serif;
}

/**
 * structure
 */
.subpage {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    margin: 0 0 0 3px; /* center subpage, because it is only 960px wide */
    padding-top: 10px;
    background-image: none;
    background-color: white;
}
.subpage section h3,
.subpage section p {
  padding:0;
  margin: .25em 0;
}
.subpage section h3 {
  color: rgb(230, 0, 140);
}

/********************** TEASER ******************/
.subpage #main_teaser {
    width: 966px;
    height: 336px;
    margin: 0 auto;
    background-image:url('/html/images/subpage_stage_stroke.jpg');
    background-repeat:no-repeat;
    background-position: left top;
    display:block;
    left: -5px;
    position: relative;
}

.subpage #main_teaser  .btn_teaser {
    padding-left: 690px;
    max-height: 144px;
    padding-top: 20px;
}

.subpage #main_teaser .teaser_texts {
    clear: left;
    padding-left: 616px;
    max-height: 150px;
    padding-top: 0px;
    text-align: left;
}


.subpage #main_teaser .teaser_texts h1{
    color: #4f2d7f;
    line-height: 110%;
    font-size: 30px;
    padding-top: 8px;
    border: solid #EC008C;
    border-right-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 2px;
    margin-bottom: 0px;
    padding-bottom: 4px;
}

.ie6 .subpage #main_teaser .teaser_texts h1,
.ie7 .subpage #main_teaser .teaser_texts h1{
    line-height: 40px;
}

.subpage #main_teaser .teaser_texts h2 {
    color: #ec008c;
    font-size: 15px;
    line-height: 120%;
    margin-top: 4px;
}

/********** marked articles ****************************************/

.subpage .featured_teaser{
    margin: 13px 0px 12px 0px;
}


.subpage .featured_teaser article {
    float: left;
    #background-image:url('/html/images/marked_article_bg.png');
    border: thin solid #d6e8fe;
    text-align: left;
    font-size: 0.8em;
}

.ie6 .subpage .featured_teaser article {
    background-image:url('/html/images/marked_article_bg.png');
}

.ie7 .subpage .featured_teaser article {
    background-image:url('/html/images/marked_article_bg.png');
}

.ie8 .subpage .featured_teaser article {
   background-image:url('/html/images/marked_article_bg.png');
}

.subpage .featured_teaser article div{
   margin: 0px;
   padding:0;
   margin-top: 0px;
   left: 0px;
}

.subpage .featured_teaser article div header h3 {
    font-size: 24px;
    color: #ec008c;
    width: 349px;
}

.subpage .featured_teaser article div p {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #767579;
    line-height: 130%;
}

.ie6 .subpage .featured_teaser article div header h3,
.ie6 .subpage .featured_teaser article div p,
.ie7 .subpage .featured_teaser article div header h3,
.ie7 .subpage .featured_teaser article div p,
.ie8 .subpage .featured_teaser article div header h3,
.ie8 .subpage .featured_teaser article div p,
.ie9 .subpage .featured_teaser article div header h3,
.ie9 .subpage .featured_teaser article div p
 {
    width: 349px;
}

.ie6 .subpage .featured_teaser article div,
.ie7 .subpage .featured_teaser article div,
.ie8 .subpage .featured_teaser article div,
.ie9 .subpage .featured_teaser article div
 {
    position: relative;
}

.ie6 .subpage .featured_teaser img,
.ie7 .subpage .featured_teaser img,
.ie8 .subpage .featured_teaser img,
.ie9 .subpage .featured_teaser img
 {
    position: absolute;
    top: 2px;
    right: 0px;
}

.subpage header {
    height: auto;
    width: 320px;
}

.subpage .featured_teaser .marked {
    height: 189px;
    padding: 0;

}

.subpage .featured_teaser .small {
    width: 359px;
    margin-left: 1px;
}

.subpage .featured_teaser .big {
    width: 590px;
    margin-left: 6px;
}

.subpage .featured_teaser article {
  padding-left: 5px;
  padding-top: 5px;
}

.subpage .featured_teaser article h3 {
    color: #e1067c;
    font-weight: normal;
    padding-top: 7px;
    padding-left: 7px;
    float: left;
    font-size: 20px;
    line-height: 100%;
}

.subpage .featured_teaser article p {
    margin-left: 7px;
    font-size: 0.9em;
    clear: left;
}

.subpage .featured_teaser article a {
color: #ec008c;
text-decoration: none;
}

.subpage .featured_teaser article a:hover {
    color: #6a4b97;
    text-decoration: none;
}

.subpage .featured_teaser article button {
    margin-left: 7px;
    background: url('/html/images/btn_primary.gif') no-repeat transparent;
    background-position: -397px -71px;
    border: 0;
    color: #ffffff;
    font-size: 11px;
    padding: 3px 17px 4px 0px;
    text-decoration: none;
    width: 103px;
    height: 33px;
    font-size: 12px;
}

.subpage .featured_teaser img {
    float: right;
    display: inline;
    margin-top: -0px;
    width: 230px;
    height: 186px;
    clear: right;
    padding-right: 0px;
}
/*************** normal article ********************/

.subpage .normal_teaser  .separator {
    clear: both;
    border-bottom: 1px solid #ccc;
    margin: 4px 0;
}

.subpage .normal_teaser {
    margin: 0 auto;
}

.subpage .normal_teaser article h3 {
    font-size: 24px;
    color: #4f2d7f;
    font-weight: normal;
    font-size: 20px;
    line-height: 100%;
}

.subpage .normal_teaser article a {
    color: #4f2d7f;
}

.subpage .normal_teaser article a:hover {
    color: #ec008c;
    text-decoration: none;
}

.subpage .normal_teaser article {
    margin-top: 4px;
    float: left;
    background-image:url('/html/images/gradient_line.gif');
    background-repeat:no-repeat;
    background-position: right top;
    text-align: left;
    margin: 12px 0;
    width: 345px;
    padding-right: 14px;
    padding-left: 14px;
    min-height: 200px;
}

.subpage .normal_teaser article p {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #767579;
    padding-top: 10px;
}

.subpage .normal_teaser .narrow_article {
    width: 200px;
}

.ie6 .subpage .normal_teaser .narrow_article {
    width: 200px;
}

.subpage .normal_teaser .right_article {
    background: none;
    float: left;
    
}

.subpage .normal_teaser .left_article {
    padding-left: 8px;
}

.landing #referenceHeader {
   margin-left: 0px;
   position: relative;
   width: 100%;
}

.landing #referenceLink {
}

.landing #referenceHeader a {
    background-position: 15px 0 !important;
    padding-left: 30px;
}

.landing #referenceHeader a#referenceLink.on {
    background-position: 15px -34px !important;
}

#references {
   padding-left: 10px;
}
/******************************** OLD TEMPLATE STYLES ********************************************/

.landing #content {
     background: url("/html/images/bg_dots.gif") repeat-y scroll 0% 0% transparent;
     float: left;
     height: auto ! important;
     margin: 18px 0pt 0pt;
     overflow: hidden;
     width: 700px;
}

.landing #content h1 {
     clear: none;
     color: #4F2D7F;
     float: left;
     font-size: 1.5em;
     font-weight: normal;
     line-height: 26px;
     margin: 0pt 0pt 24px 16px;
     padding: 0pt;
     width: 580px;
}

#access {
     float: right;
}

#landingBox .landMain {
     clear: both;
     margin: 10px 0pt 10px 1px;
     width: 100%;
}

#landingBox .landMain img, #landingBox .landMain object {
     float: right;
}

#landingBox .landMain div.above img, #landingBox .landMain object.above {
     float: right;
}

#landingBox .landMain div.text {
     font-size: 0.8em;
}

#landingBox .big div.text {
    
}

#landingBox .bgImg {
     background: none no-repeat scroll right top transparent;
}

#landingBox .landWideText {
     clear: both;
     margin: 10px 0pt 0pt 1px;
     padding-bottom: 10px;
     width: 715px;
}

#landingBox .landOneTwo {
     background: none no-repeat scroll 0pt 0pt transparent;
     clear: both;
     margin: 10px 0pt 0pt 1px;
     width: 729px;
}

#landingBox .landOneTwo {
     background: none no-repeat scroll 0pt 0pt transparent;
     clear: both;
     margin: 10px 0pt 0pt 1px;
     width: 100%;
}

#landingBox .big, #landingBox .equal, #landingBox .small {
     border-left: 2px solid #D2D1D4;
     display: block;
     float: left;
     margin-left: 14px;
     min-height: 150px;
     padding: 0pt;
}

#landingBox .big {
     background: none no-repeat scroll right top transparent;
     width: 452px;
}

#landingBox .equal {
     background: none no-repeat scroll right top transparent;
     width: 342px;
}

#landingBox .small {
     width: 229px;
}

#landingBox .big.first, #landingBox .small.first, #landingBox .equal.first {
     border-left: 0pt none;
     margin-left: 0pt;
}

#landingBox h2 a {
     color: #E60088;
}

#landingBox h3 a {
     color: #E60088;
}

#landingBox h2 {
     color: #E60088;
     font-size: 1.31em;
     font-weight: normal;
     line-height: 25px;
     margin: 0pt;
     padding: 0pt 10px 10px 16px;
}

#landingBox h3 {
     color: #E60088;
     font-size: 1.31em;
     font-weight: normal;
     line-height: 25px;
     margin: 0pt 0pt 10px;
     padding: 0pt 10px 10px 16px;
}

#landingBox .big h3 {
}

#landingBox div.text {
     color: #767579;
     font-size: 0.88em ! important;
     line-height: 19px ! important;
     margin: 0pt 20px 12px 16px;
}

#landingBox div.text a {
     color: #FF0099;
}

.landing #content hr {
     border-top: 1px solid #D2D1D4;
     display: block;
     height: 2px;
     margin: 18px 0pt 18px 17px;
}

.inputFields {
     display: inline;
     float: left;
     margin: 0pt 0pt 0pt 10px;
     overflow: hidden;
}

#referenceHeader {
     margin-left: 20px;
}

#references {
     padding-left: 10px;
}

.landing #content sup {
     height: 0pt;
     line-height: 0;
     margin: 0pt;
     padding: 0pt;
}

.landing #content h1 sup {
     bottom: 1ex;
     line-height: 1;
}

.landing #content sub {
     height: 0pt;
     line-height: 0;
     margin: 0pt;
     padding: 0pt;
}

.landing #accordion div.hover_text {
     position: relative;
}

.landing #accordion div.hover_text a {
     display: block;
     line-height: 1px;
}

.landing #accordion div.hover_text a img {
     border: medium none;
}

.landing #accordion div.hover_text p {
     background-color: #EEEEEE;
     display: block ! important;
     font-size: 11px;
     margin: 0pt;
     padding: 0pt;
     position: absolute;
     text-align: center;
     top: 87px;
}

.module .box a img {
     border: 0pt none;
     margin: 6px 0pt 0pt 6px;
     padding: 0pt;
}

.module span#img_library_link {
     display: block;
     font-size: 0.6em;
     margin-top: 3px;
     text-align: center;
}

#img_library_link.modulespan a {
     color: #666666 ! important;
}

.landing #content div {
     background-repeat: no-repeat;
}

body#landing_en_134 #landc22, body#landing_en_134 #landc23, body#landing_en_134 #landc21, body#landing_en_134 #landc26 {
     float: right;
}

body#landing_en_134 #landc24,
body#landing_en_134 #landc212 {
        margin-left: 16px;
}

body#landing_en_135 #landc21, #landing_en_135 #landc22, #landing_en_135 #landc23, #landing_en_135 #landc212, #landing_en_135 #landc213 {
     background-image: none;
     margin: 0pt 0pt 0pt 17px;
}

body#landing_en_136 #landc21 {
     float: right;
}

body#landing_en_137 #landc21, body#landing_en_137 #landc22 {
     float: right;
}

.egStatic {
     height: 188px;
     width: 222px;
}