/*********************/
/*- Layout-Elements -*/
/*********************/

  * {
    margin: 0;
    padding: 0;
  }
  
  img {
    border: 0;
  }

  html { height: 100% } 

  body { 
    font-size: 75%; 
    position: relative;
    font-family: Verdana, serif;
    font-style: normal;
    background: #000 url(../ui/background.jpg) 0 0 no-repeat;
    text-align: left;
    color: #000;
  } 

  #OuterShell {
    position:relative;
    top:0px;
    left:0px;
  }

  #InnerShell {
    position:relative;
    top:0;
    left:0;
    /*padding: 45px 65px;*/
    padding: 0 65px 45px 65px;
  }
  
  /* language switch */
  
    .tx-srlanguagemenu-pi1 {
      position: absolute;
      top: 6px;
      left: 915px;
      z-index: 999;
      color: #333;
      font-weight: bold;
    }      
    
    .tx-srlanguagemenu-pi1, .tx-srlanguagemenu-pi1 * {
      vertical-align: middle;
      line-height: 1.3em;
      height: 1.3em;
    }  
    
    .tx-srlanguagemenu-pi1 a:link, .tx-srlanguagemenu-pi1 a:visited, .tx-srlanguagemenu-pi1 a:hover {
      color:#333;
    }    
    
    .tx-srlanguagemenu-pi1 a:hover {
      text-decoration: underline;
    }
    
    .tx-srlanguagemenu-pi1 .SPC {
      width: 1px;
      background: #333;
      margin: 0 0.5em;
      height: 1.3em;
    }  
    
    .tx-srlanguagemenu-pi1 .CUR {
      text-decoration: underline;
    }  
  
  /* left region */

    #overlay {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      /*padding-top: 142px;*/
      width: 220px;
      font-size: 83.3%;
    }
    
    .overlay_top {
      background: url(../ui/menu_main_top.png) 0 0 no-repeat;
      /*position: absolute;
      left: 0;
      top: 0;*/
      width: 295px;
      height: 142px;
    }  
    
    .overlay_middle {
      background: url(../ui/menu_main_middle.png) 0 0 no-repeat;
    }  
    
    .overlay_bottom {
      background: url(../ui/menu_main_bottom.png) 0 0 no-repeat;
      height: 70px;
    }    
    
    .overlay_bottom span {
      background: url(../ui/teaser_next.gif) left center no-repeat;
      display: block;
      padding: 6px 0 1em 25px;
    }  
    
    .quickfinder_open span {
      background: url(../ui/quickfinder_act.gif) left center no-repeat;
    }
    
    .quickfinder_open {
      background: url(../ui/main_menu_bottom_open.png) 0 0 no-repeat;
      height: 118px;
    }    
    
    #quickfinder {
      font-weight: bold;
      color: #333;
      padding: 20px 25px 5px 16px;
    }    
    
    #quickfinder form {
      background: url(../ui/searchfield.gif) left center no-repeat;
      padding: 3px 3px 6px 3px;
    }    
    
    #quickfinder input {
      background: none;
      border: 0 none;
      width: 120px;
      padding: 0 0 0 0.5em;
      font-size: 110%;
      color: #666;
    }  
    
    #quickfinder input.submit {
      width: 32px;
      text-indent: -1000px;
    }  
    
    #quickfinder div, #quickfinder form {
      display: none;
    }  
    
    #quickfinder.quickfinder_open div, #quickfinder.quickfinder_open form {
      display: block;
    }  
    
    #quickfinder div {
      text-align: right;
      width: 153px;
      padding-top: 5px;
    }  
    
    #quickfinder a:link, #quickfinder a:visited {
      text-decoration: underline;
      font-weight: normal;
    }  
    
    #quickfinder a span {
      font-size: 0.8em;
      background: none;
      display: inline;
      padding: 0;
    }
    
  /* main menu */
    
    #menu_main {
      color: #ccc;
      font-weight: bold;
      margin: 0 0 0 17px;
      padding-bottom: 1em;
      width: 153px;
      list-style-type: none;
    }    
    
    #menu_main a:link, #menu_main a:hover, #menu_main a:visited {
      color: #ccc;
    }  
    
    #menu_main li a:link, #menu_main li a:visited, #menu_main li a:hover {
      background: url(../ui/menu_item_bg.gif) left top no-repeat;
      height: 21px;
      padding: 7px 0 0 32px;
      display: block;
    }
    
  /* main menu sub */
    
    #menu_main ul {
      background: url(../ui/menu_bg_bottom.gif) left bottom no-repeat;
      list-style-type: none;
      padding: 0.7em 0;
    }  
    
    #menu_main ul li {
      background: url(../ui/arrow_left2.gif) 12px 10px no-repeat;
      padding: 0 12px 0 24px;
    }    
  
    
    #menu_main li.sub {
      background: #202020 url(../ui/menu_bg_top.jpg) left top no-repeat;
    }  
    
    #menu_main li.cur {
      background: #202020 url(../ui/menu_bg_topNOSUB.jpg) left top no-repeat;
    }  
    
    #menu_main li.sub li a:link, #menu_main li.sub li a:visited, #menu_main li.sub li a:hover {
      background: none;
      color: #ccc;
      height: auto;
      padding: 0.4em 0 0.6em 0;
      border-top: 1px dotted #666666;
    }    
    
    #menu_main li.sub a:link , #menu_main li.sub a:visited , #menu_main li.sub a:hover, #menu_main li.cur a:link, #menu_main li.cur a:visited, #menu_main li.cur a:hover {
      background: none;
      color: #FFE900;
    }    
    
    #menu_main li.sub li.cur {
      background: url(../ui/arrow_left2cur.gif) 12px 10px no-repeat;
    }    
    
    #menu_main li.sub li.cur a:link, #menu_main li.sub li.cur a:visited, #menu_main li.sub li.cur a:hover {
      color: #FFE900;
    }
  
    
  /* search */
  
    .csc-searchform {
      margin: 5px 72px 5px 22px;
    }  
    
    .csc-searchform {
      margin: 5px 72px 5px 22px;
    }
    
    .csc-searchResultHeader, .csc-searchResult, .csc-searchResultInfo, .csc-noSearchResultMsg {
      padding: 5px 72px 5px 22px;
    }
    
    .csc-form-fieldcell, .csc-form-fieldcell * {
      vertical-align: middle;
    }    
    
    body .csc-form-labelcell, body .csc-form-fieldcell {
      padding: 0 0 0.5em 0;
    }  
    
    body .csc-form-labelcell p, body .csc-form-fieldcell p {
      margin: 0;
    }
  
  /* content boxes */
  
    #content {
      /*background-image: url(../ui/content_bg_bottom.png);
      background-position: left bottom;
      background-repeat: no-repeat;
      padding-bottom: 31px;*/
      width: 867px;
      margin-bottom: 1em;
      
    }  
    
    #content_inner {
      background: url(../ui/content_bg2.png) 0 0 no-repeat;
      padding: 30px 0 1px 0;
    }  
    
    .box_full {
      background: url(../ui/box_top.png) 0 0 no-repeat;
      margin-bottom: 1em;
      
      position: relative;
      left: 170px;
      width: 696px;
    }  
    
    .notop {
      background: none;
    }  
    
    .box_outer {
      /*background: url(../ui/box_bottom.png) left bottom no-repeat;
      padding-bottom: 30px;      
      */
    }    
    
    .box_inner {
      background-image: url(../ui/box_middle.png);
      background-position: 0 0;
      background-repeat: no-repeat;
      padding: 5px 0 5px 0;
    }    
    
    .notop .box_inner {
      
    }      
    
    .notop .box_outer {
      
    }    
    
    .box_content {
      padding: 0 72px 0 22px;
    }      
    
    .box_content {
      width: 602px !important;
    }

  /* highlight */
  
    .box_highlight {
      /*background: url(../ui/highlight.png) 0 0 no-repeat;
      height: 404px;*/
      background: url(../ui/highlight2.png) 0 0 no-repeat;
      height: 449px;
      margin-left: 4px;
      position: relative;
    }
      
    .content_inner {
      
    }  
    
    .key_visual {
      padding: 0 0 0 135px;
      /*height: 260px;*/
      
      /* oversize images */
      position: relative;
      padding: 0;
      text-align: center;
      height: 305px;
    }
    
    .key_visual img {
      /* oversize images */
      position: absolute;
      bottom: 0px;
    }    
    
    .key_desc {
      padding: 0 75px 0 22px;
      font-size: 83.3%;
      height: 75px;
    }  
    
    .key_desc img {
      float: right;
      margin-left: 10px;
    }  
    
    .key_desc h1 img {
      float: none;
      margin-left: 0;
    }  
    
    .key_text {
      float: left;
      width: 305px;
      line-height: 130%;
    }  

    .key_level {
      position: absolute;
      bottom: 24px;
      width: 247px;
      height: 43px;
      margin: 0 0 0 22px;
      padding: 0 5px 0 4px;
    }
    
    .key_tech {
      position: absolute;
      right: 26px;
      /*top: -12px;*/
      top: 33px;
      z-index: 999;
    }

    .key_slider {
      position: relative;
      width: 247px;
      height: 43px;
      margin: 0 0 0 22px;
      padding: 10px 5px 0 4px;
      background: url(../ui/slider_bg.jpg) left top no-repeat;
      text-align: center;
    }    
    
    .key_slider img {
      position: absolute;
      top: 0;
      left: 50px;
    }  
    
    .key_slider span {
      width: 12px;
      height: 20px;
      margin: 0 3px 0 0;
      display: block;
      float: left;
      cursor: pointer;
    }    
    
    .key_slider span.itemTitle {
      width: 125px;
      height: 15px;
      color: #01709F;
      font-size: 70%;
      text-transform: uppercase;
      padding-left: 43px;
    }    
    
    .key_slider span.item {
      background: url(../ui/slider_items.gif) 0 -80px no-repeat;
    }    
    
    .key_slider span.cur {
      background: url(../ui/slider_items.gif) 0 -100px no-repeat;
    }    
    
    .key_slider span.over {
      background: url(../ui/slider_items.gif) 0 -120px no-repeat;
    }    
    
    .key_slider span.prev {
      background: url(../ui/slider_items.gif) 0 0 no-repeat;
      margin: 0 10px 0 1px;
    }  
    
    .key_slider span.prevover {
      background: url(../ui/slider_items.gif) 0 -20px no-repeat;
      margin: 0 10px 0 1px;
    }  
    
    .key_slider span.next {
      background: url(../ui/slider_items.gif) 0 -40px no-repeat;
      margin: 0 1px 0 7px;
    }    
    
    .key_slider span.nextover {
      background: url(../ui/slider_items.gif) 0 -60px no-repeat;
      margin: 0 1px 0 7px;
    }
    
  /* Produkt Overview */
    
    .overview_title {
      border-bottom: 1px dotted #666;
      width: 270px;
      position: relative;
      top: -35px;
      float: right;
      
    }    
    
    .overview_body {
      clear: both;
      margin-bottom: 1em;
      padding-bottom: 0.5em;
    }  
    
    .overview_body div {
      float: left;
      /*width: 20%; wird dynamisch ausgelesen */
      margin-right: 16px;
    }  
    
    .overview_body span {
      font-weight: bold;
      line-height: 130%;
      display: block;
      background: url(../ui/arrow_left.gif) left 3px no-repeat;
      padding-left: 12px;
    }
    
    .overview_title h2 {
      border-bottom: 0 none;
      float: right;
      margin-bottom: 0;
    }  
    
    .overview_footer {
      font-size: 83.3%;
      background: url(../ui/arrow_left.gif) left 1.6em no-repeat;
      padding-left: 12px;
      padding-top: 1.5em;
      text-transform: uppercase;
      border-top: 1px dotted #666;
    }
    
  /* Teaser */
    
    #teaser_section {
      padding-right: 40px;
      
      position: relative;
      left: 170px;
      width: 656px;
    }
    
    .teaser {
      background: url(../ui/teaser.png) left top no-repeat;
      padding: 15px 35px 22px 18px;      
      width: 265px;
      height: 217px;
      font-size: 83.3%;
      line-height: 130%;
      margin-bottom: 1em;
      float: left;
    }
    
    body.en #related_content {
      display: none;
    }    
    
    #related_content .teaser {
      background: url(../ui/teaser_below.gif) left top no-repeat;
      padding: 15px 16px 22px 18px;      
      width: 210px;
      height: 207px;
      float: none;
    }

    .right_teaser {
      float: right;
    }
    
    .teaser_head {
      margin-bottom: 1em;      
    }  
    
    .teaser_control {
      float: left;  
      display: none;      
    }  
    
    .teaser_link {
      float: right;      
    }  
    
    .teaser_link span {
      position: relative;
      top: -0.5em;
      background: url(../ui/arrow_left.gif) left 0.4em no-repeat;  
      padding-left: 12px;    
      vertical-align: middle;        
    }    
    
    .teaser_link span * {
      vertical-align: middle;      
    }
  
    .teaser_icon {
      padding: 1em 0;
      display: block;
    }  
    
    .teaser_icon img {
      margin: 0 auto;
      display: block;
    }
    
    strong a span {
      font-size: 0.8em;
    }
    
    #related_content {
      margin-left: 59px;
      width: 775px;
    }  
    
    #footer {
      margin: 28px 0 0 59px;
      width: 775px;
      color: #ccc;
      font-size: 83.3%;
    }  
    
    #footer a:link, #footer a:hover, #footer a:visited {
      text-decoration: underline;
      color: #ccc;
    }
    
    .teaser_holder {
      /*width: 30%;*/
      margin-left: 19px;
      float: left;
    }  
    
    .teaser_below_first {
      margin-left: 0% !important;
    }
    
  #footer{
    
  }

  #header {
    
  }


/*********************/
/* Content-Elements  */
/*********************/

  h1 {
    margin-bottom: 0.3em;
    font-size: 200%;
  }
  
  .csc-header {
    position: relative;
  }  
  
  .csc-header h1 {
    color: #1B4690;
  }
  
  .csc-header-right {
    border-bottom:1px dotted #666666;
    float:right;
    position:absolute;
    top:-35px;
    right:0;
  }
  
  .box_inner p.bodytext, .box_inner .csc-header h1, .box_inner .csc-header h2, .box_inner .csc-header h3, .box_inner ul.csc-bulletlist, .box_inner ul, div.csc-textpic-imagewrap, div.csc-textpic {
    margin: 0.5em 72px 1em 22px;
  }

  .overview_body div.csc-textpic-imagewrap, .two_col div.csc-textpic-imagewrap {
    margin: 0;
  }
  
  .box_inner * .csc-header h1, .box_inner * .csc-header h2, .box_inner * .csc-header h3, .box_inner * ul.csc-bulletlist, .box_inner * ul, .box_inner * p.bodytext, .box_inner * div.csc-textpic-imagewrap, .box_inner * div.csc-textpic {
    margin-left: 0;
    margin-right: 0;
  }

  h2 {
    font-size: 83.3%;
    color: #666;
    font-weight: bold;
    background: url(../ui/arrow_down.gif) left 2px no-repeat;
    padding: 0 0 1em 15px;
    border-bottom: 1px dotted #666;
    text-transform: uppercase;
    margin-bottom: 1.2em;
  }
  
  .box_inner  h2 {
    
  }  
  
  .box_inner  p {
    line-height: 130%;
    margin-bottom: 1em;
  }

  .box_inner ul {
    padding-left: 0;
    font-weight: bold;
    list-style-type: none;
    line-height: 160%;
    margin-bottom: 2em;
  }
  
  .box_inner ul li {
    padding-left: 1.5em;
    background: url(../ui/dot.gif) left 0.5em no-repeat;
  }  
  
  .box_inner .csc-textpic-imagerow ul li {
    padding-left: 0;
    background: none;
  }

  #related_articles {
    background: url(../ui/divider.jpg) left top no-repeat;
    margin-left: 4px;
    padding: 29px 72px 5px 18px;
  }

  /************* two column content ***********/
    
    .left_area {
      float: left;
      width: 45%;
      /*margin-right: 10%;*/
      overflow: hidden;
    }  
    
    .right_area {
      float: right;
      width: 45%;
      overflow: hidden;
    }  
  
  /************* Links ***********/

    a:link, a:visited, a:hover, a:active {
      color: #2C488C;
      text-decoration: none;
    }
    
    a:hover {
      text-decoration: underline;
    }
    
    .teaser_body a:link, .teaser_body a:visited, .teaser_body a:hover, a:active {
      font-weight: bold;
    }
    


/****************/
/* Forms     */
/************/

  select, input, textarea { 
    font-size: 99%; /*Safari Fix*/
    overflow:hidden;
  } 

  form {
    
  }
  
  .csc-mailform {
    padding: 5px 72px 5px 22px;
    border: 0 none;
    clear: both;
  }  
  
  .csc-mailform-field {
    padding-bottom: 1em;
  }  
  
  .csc-mailform label {
    width: 6em;
    display: block;
    float: left;
  }
  
  .csc-mailform textarea {
    width: 15em;
    font-family:Verdana,serif;
    font-size: 100%;
    padding: 0.3em;
  }  
  
  .csc-mailform input {
    width: 15em;
    font-family:Verdana,serif;
    padding: 0.3em;
  }  
  
  .csc-mailform input.csc-mailform-submit {
    width: auto;
    padding: 0;
    margin-left: 6em;
  }

  #mailform {
    margin: 10px 0 0 25px;
  }

  #mailform label {
    display: block;
    float: left;
    width: 80px;
    margin-top: 2px;  
  }

/******************************/
/* Clearing - do not modify */
/**************************/

  .floatholder { overflow:hidden; }

  .clerasil:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
  }

  .clerasil { display: block; }