/**
 * CSS-Datei fuer Navigation (temporär)
 *
 * @package CSS
 * @subpackage typo/color
 * @version 0.05
 * @copyright KR CORPORATE MEDIA
 * @author Bernd Göbel
 *
 */
 
  a { text-decoration: none; border: 0px solid; }
  a:focus,
  object:focus { outline: none !important; }
  
  a.changeBoxContentNext { position: absolute; right: 20px; bottom: 0px; display: block; width: 30px; height: 25px; background: url(image/navigation/arrowright.png) top right no-repeat; text-indent: -999em; }
  a.changeBoxContentPrevious { position: absolute; left: 410px; bottom: 0px; display: block; width: 30px; height: 25px; background: url(image/navigation/arrowleft.png) top left no-repeat; text-indent: -999em; }
  
  strong#header_toolTip { 
    display: block;
    position: absolute;
    right: 35px;
    top: 2px;
    padding: 3px 4px 3px 3px;
    font-size: 77%;
    background: url(image/layout/bg_white_opacity_70.png);
    color: #555;
    z-index: 9999;
    }


/* page navigation, start   ***************************************************/ 

  #ul_nav-page {
    position: absolute;
    top: 61px;
    right: 14px;
    /*overflow: hidden;*/ 
    font-size: 13px;
    z-index: 9999;
  }
  
  #ul_nav-page li { 
    float: left;
  }
  
  #ul_nav-page li a { 
    float: left;
    display: block;
    margin-left: 30px;
    color: #555555;
    font-size: 93%;
  }
  #ul_nav-page li span { 
    float: left;
    display: block;
    height: 20px;  
  } 
  
  #ul_nav-page li#navtab-international a { 
    padding-right: 28px;
    background: url(image/navigation/nav-page-opener.gif) right top no-repeat;
  }
  #ul_nav-page li#navtab-international a span { 
    padding-left: 25px;
    background: url(image/navigation/nav-page-world.gif) no-repeat;
  }
  
  #ul_nav-page li#navtab-company a { 
  
  }
  #ul_nav-page li#navtab-company a:hover { 
    color: #005488;
  }
  
  #ul_nav-page li#navtab-company a span.open { 
    /*color: #005488;*/
  }
  
  #ul_nav-page li#navtab-contact a { 
  
  }
   #ul_nav-page li#navtab-contact a:hover { 
    color: #005488;
  }
  
  #ul_nav-page li#navtab-login a { 
    padding-left: 4px;
    background: url(image/navigation/nav-page-button-left.gif) no-repeat;
  }
  #ul_nav-page li#navtab-login a span { 
    padding: 0 6px 0 2px;
    background: url(image/navigation/nav-page-button-right.gif) right top no-repeat;
  }
  
  #ul_nav-page li#navtab-language a { 
    padding-right: 28px;
    cursor: default;
    background: url(image/navigation/nav-page-opener.gif) right top no-repeat;
  }

  
  /* country contact */
  #ul_select-contact-language {
     
  }
  #ul_nav-page li#navtab-international a {
    margin-left: 0px;
    cursor: default;
  }
  
  #ul_nav-page li#navtab-international,
  #ul_nav-page li#navtab-language {
    position: relative;
  }
  
  #ul_nav-page li#navtab-international ul {
    right: 0px;
    width: 95px;
  }
  #ul_nav-page li#navtab-language ul {
    right: 0px;
    width: 60px;
    /*text-align: right;*/
  }
  #ul_nav-page li#navtab-international ul,
  #ul_nav-page li#navtab-language ul {
    position: absolute;
    top: 20px;
    display: none;
    overflow: hidden;
    background: #fff!important;
    margin: 0 0 0 14px;
    padding: 10px 10px 10px 10px;
    border: 1px solid transparent;
  }
  
  #ul_nav-page li#navtab-international.ieHover ul,
  #ul_nav-page li#navtab-international:hover ul,
  #ul_nav-page li#navtab-language.ieHover ul,
  #ul_nav-page li#navtab-language:hover ul {
     display: block;
     z-index: 9999;
  }
  
  #ul_nav-page li#navtab-international ul li,
  #ul_nav-page li#navtab-language ul li {
    clear: left;
    float: none !important;
  }
  
  #ul_nav-page li#navtab-international ul li a,
  #ul_nav-page li#navtab-language ul li a {
    float: none !important;
    width: 100%;
    margin: 0;
    padding: 0!important;
    background: none;
    border-bottom: 1px solid #efefef;
    cursor: pointer;
  }
  
  #ul_nav-page li#navtab-international ul li.lastItem a,
  #ul_nav-page li#navtab-language ul li.lastItem a {
    border: 0px solid;
    cursor: pointer;
  }
  
  #ul_nav-page li#navtab-international ul li a:hover,
  #ul_nav-page li#navtab-language ul li a:hover {
    color: #005488;
    /*background: #efefef;*/
  }
  
/* page navigation, end     ***************************************************/ 

/* global navigation, start ***************************************************/  

  
  #ul_nav-global { 
    position: absolute;
    left: 160px;
    top: 0px;
    width: 100%;   
    height: 31px;
    overflow: hidden; 
    font-size: 100%;
  }
  
  #ul_nav-global li { float: left; }
  
  #ul_nav-global li a { 
    float: left;
    display: block;
    height: 24px;
    width: 6em;
    margin-left: 15px;
    padding: 6px 0 0 0;
    color: #555555;
    font-size:108%;
    text-align: center;
    background: url(image/navigation/nav-global.jpg) repeat-x;
    background-position: left 1px;
  } 
  
  #ul_nav-global li#navtab-news-events a {
    width: 8em;
  }
  
  #ul_nav-global li a:hover {
    color: #ffffff;
  }
  
  #ul_nav-global li.selected a,
  #ul_nav-global li a:hover {
    color: #ffffff;
  }
  #ul_nav-global li#navtab-frontpage {
    margin-left: 30px;
  }
  
  #ul_nav-global li#navtab-frontpage.selected a,
  #ul_nav-global li#navtab-frontpage.selected a:hover {
    background: #7fa9c3;
  }
  #ul_nav-global li#navtab-frontpage a:hover {
    background-position: left -30px;
  }
  
  #ul_nav-global li#navtab-solutions.selected a,
  #ul_nav-global li#navtab-solutions.selected a:hover {
    background-position: left -60px;
  }
  #ul_nav-global li#navtab-solutions a:hover {
    background-position: left -90px;
  }
  
  #ul_nav-global li#navtab-products.selected a,
  #ul_nav-global li#navtab-products.selected a:hover {
    background-position: left -120px;
  }
  #ul_nav-global li#navtab-products a:hover {
    background-position: left -150px;
  }
  
  #ul_nav-global li#navtab-support.selected a,
  #ul_nav-global li#navtab-support.selected a:hover {
    background-position: left -180px;
  }
  #ul_nav-global li#navtab-support a:hover {
    background-position: left -210px;
  }
  
  #ul_nav-global li#navtab-references.selected a,
  #ul_nav-global li#navtab-references.selected a:hover {
    background-position: left -240px;
  }
  #ul_nav-global li#navtab-references a:hover {
    background-position: left -270px;
  }
  
  #ul_nav-global li#navtab-partner.selected a,
  #ul_nav-global li#navtab-partner.selected a:hover {
    background-position: left -300px;
  }
  #ul_nav-global li#navtab-partner a:hover {
    background-position: left -330px;
  }
  
  #ul_nav-global li#navtab-news-events.selected a,
  #ul_nav-global li#navtab-news-events.selected a:hover {
    background-position: left -360px;
  }
  #ul_nav-global li#navtab-news-events a:hover {
    background-position: left -390px;
  }
  
/* global navigation, end     *************************************************/ 

/* left col, start ************************************************************/

  #div_page-nav-columns a { color: #555555; }
  #div_page-nav-columns a:hover { color: #005488; }
  
  .ul_nav-section {
      margin: 6px 0 0 0;
      padding-bottom: 13px;
    }
  
  .ul_nav-section li {
    padding: 0;
    line-height: 110%;
  } 
  
  .ul_nav-section li a {
    display: block; 
    padding: 0 15px 0 15px;
  }   
    
  .ul_nav-section li a:hover {
    color: #fff;
  }
  
   .ul_nav-section li a span{
    display: block;
    padding: 7px 0 7px 0;
    border-bottom: 1px solid #e5e6e7;
  }
   
  
  .ul_nav-section li.selected a span {
    padding: 7px 0 8px 0;
    border-bottom: 0px solid;
    color: #fff;
  }  
  
  .ul_nav-section li.selected a:hover,
  .ul_nav-section li.selected a{
    background: url(image/navigation/v-gradient.gif) left top repeat-x;
  } 
  
  .ul_nav-section li.selected ul li a:hover {
    color: #fff;
  }
  
  .ul_nav-section li.selected ul li a,
  .ul_nav-section li.selected ul li a:hover {
    background: none;
  }
  
   .ul_nav-section li.selected ul li a span{
    display: block;
    padding: 7px 0 7px 0;
    border-bottom: 1px solid #e5e6e7;
    color: #555;
  }
  
  .ul_nav-section li.logout { margin-top: 1em; }
  .ul_nav-section li.logout a { font-weight: bold; }

  body.company .ul_nav-section li.selected a:hover,
  body.company .ul_nav-section li.selected a{
    color: #fff;
  } 
  body.company .ul_nav-section li a:hover {
    color: #005488;
  }
  
  body.page .ul_nav-section li.selected a:hover,
  body.page .ul_nav-section li.selected a{
    color: #fff;
  } 
  body.page .ul_nav-section li a:hover {
    color: #7fa9c3;
  }
  
  body.solutions .ul_nav-section li.selected a:hover,
  body.solutions .ul_nav-section li.selected a{
    color: #fff;
  } 
  body.solutions .ul_nav-section li a:hover {
    color: #005488;
  }
  body.products .ul_nav-section li.selected a:hover,
  body.products .ul_nav-section li.selected a{
    color: #cc0000;
  } 
  body.products .ul_nav-section li a:hover {
    color: #cc0000;
  }
  
  body.support .ul_nav-section li.selected a:hover,
  body.support .ul_nav-section li.selected a{
    color: #f6a900;
  } 
  body.support .ul_nav-section li a:hover {
    color: #f6a900;
  }
  body.references .ul_nav-section li.selected a:hover
  body.references .ul_nav-section li.selected a{
    color: #64A104;
  } 
  body.references .ul_nav-section li a:hover {
    color: #64A104;
  }
  body.partner .ul_nav-section li.selected a:hover,
  body.partner .ul_nav-section li.selected a{
    color: #663366;
  } 
  body.partner .ul_nav-section li a:hover {
    color: #663366;
  }
  body.news-events .ul_nav-section li.selected a:hover,
  body.news-events .ul_nav-section li.selected a{
    color: #7fa9c3;
  } 
  body.news-events .ul_nav-section li a:hover {
   color: #555555;
  } 
  
  div.learnMore ul,
  #ul_nav-information {
      margin: 2px 15px 4px 15px;
    }
  
  div.learnMore ul li,
  #ul_nav-information li {
    padding: 2px 0 5px 0 !important;
    background: none;
  }  
  
  div.learnMore ul li a,
  #ul_nav-information a {
      display: block;
    }
  
  div.learnMore ul li a.download,
  #ul_nav-information li a.download {
    padding: 2px 0 2px 23px !important;
    background: url(image/navigation/a-download.gif) left 3px no-repeat;
  } 
  
  div.learnMore ul li a.intern,
  #ul_nav-information li a.intern {
    padding: 2px 0 2px 23px!important;
    background: url(image/navigation/a-intern.gif) left 3px no-repeat;
  }
  
  div.learnMore ul li a.download:hover,
  #ul_nav-information li a.download:hover {
    color:#7fa9c2;
  }
   
  div.learnMore ul li a.intern:hover,
  #ul_nav-information li a.intern:hover {
    color:#7fa9c2;
  }
    
  ul.fontResizer {
    overflow: hidden;
    margin: 21px 15px 0 15px;
    }
    
  .fontResizer li {
    float:left;
    margin-right: 6px;
    }
  .fontResizer li span {
    cursor: pointer;
    }  
  .fontResizer li span:hover {
    color:#ff6666;
    }  
  .fontResizer span.curFont {
    text-decoration: underline;
    }
  .fontResizer span.smallFont {
    font-size: 77%;
    }
  .fontResizer span.medFont {
    font-size: 93%;
    }
  .fontResizer span.largeFont {
    font-size: 108%; 
    }
    
  #ul_nav-secondary {
      margin: 0 15px 0 15px;
    }
  #ul_nav-secondary li a:hover {
     color:#ff6666;
    }
    
    
  body#frontpage .fontResizer{
    /* float: left; margin: -10px 20px 0 4px;*/ 
  }
  
  #nav-secondary-block{
    margin: -15px 0 0 4px;
    padding-bottom: 15px;
    float: left;
    overflow: hidden;
  }
  #nav-secondary-block ul.fontResizer {  float: left;  margin: 0px 0 0 0; padding-left: 15px; }
  #nav-secondary-block ul#ul_nav-secondary {  float: left;  margin-top: 1px;}
  #nav-secondary-block ul#ul_nav-secondary li { float: left; margin-right: 15px; }

/* left col, ende  ************************************************************/ 

/* Special  Tabmode*/

div.div_outer-contentBox-double-mode { display: none; }

div.div_outer-contentBox-double-mode .div_inner-contentBox-double,
div#mode { padding-bottom: 5.2em; }

ul#tab_mode { position: absolute; left: 0px; bottom: 0px; width: 500px;  overflow: hidden; margin-right: 0px; }
ul#tab_mode li { width: 50px; margin: 0 5px 0 0!important; background: none; padding: 0; float: left; }
ul#tab_mode li a { display: block; float: left; width: 50px; padding: 0; margin: 0; height: 84px; overflow: hidden; text-indent: -999em; background-image: url(image/navigation/mode.jpg); background-repeat: no-repeat; }

ul#tab_mode li#mode_01 { margin: 0 4px 0 0!important; } 
ul#tab_mode li#mode_02 { margin: 0 4px 0 0!important; } 
ul#tab_mode li#mode_03 { margin: 0 4px 0 0!important; } 
ul#tab_mode li#mode_04 { margin: 0 4px 0 0!important; } 
ul#tab_mode li#mode_05 { margin: 0 4px 0 0!important; } 
ul#tab_mode li#mode_06 { margin: 0 4px 0 0!important; } 
ul#tab_mode li#mode_07 { margin: 0 4px 0 0!important; } 
ul#tab_mode li#mode_08 { margin: 0 4px 0 0!important; } 
ul#tab_mode li#mode_09 { margin: 0 4px 0 0!important; } 

ul#tab_mode li#mode_01 a { background-position: 0px 27px; } 
ul#tab_mode li#mode_02 a { background-position: -53px 27px; } 
ul#tab_mode li#mode_03 a { background-position: -107px 27px; } 
ul#tab_mode li#mode_04 a { background-position: -160px 27px; } 
ul#tab_mode li#mode_05 a { background-position: -214px 27px; } 
ul#tab_mode li#mode_06 a { background-position: -268px 27px; } 
ul#tab_mode li#mode_07 a { background-position: -322px 27px; } 
ul#tab_mode li#mode_08 a { background-position: -375px 27px; } 
ul#tab_mode li#mode_09 a { background-position: -429px 27px; }

ul#tab_mode li#mode_01 a:hover,
ul#tab_mode li#mode_01 a.selected { background-position: 0px 0px; }
ul#tab_mode li#mode_02 a:hover,
ul#tab_mode li#mode_02 a.selected { background-position: -53px 0px; }
ul#tab_mode li#mode_03 a:hover,
ul#tab_mode li#mode_03 a.selected { background-position: -107px 0px; }
ul#tab_mode li#mode_04 a:hover,
ul#tab_mode li#mode_04 a.selected { background-position: -160px 0px; }
ul#tab_mode li#mode_05 a:hover, 
ul#tab_mode li#mode_05 a.selected { background-position: -214px 0px; }
ul#tab_mode li#mode_06 a:hover,
ul#tab_mode li#mode_06 a.selected { background-position: -268px 0px; }
ul#tab_mode li#mode_07 a:hover,
ul#tab_mode li#mode_07 a.selected { background-position: -322px 0px; }
ul#tab_mode li#mode_08 a:hover, 
ul#tab_mode li#mode_08 a.selected { background-position: -375px 0px; }
ul#tab_mode li#mode_09 a:hover, 
ul#tab_mode li#mode_09 a.selected { background-position: -429px 0px; } 

/* tooltips *******************************************************************/
div.tooltips { position: relative; }
div.tooltips a { display: block; position: absolute; width: 50px; height: 50px; background: url(image/layout/clear.gif); z-index: 999!important; cursor: help; }

div#technologie_tooltip {  }
div#technologie_tooltip a#tooltip_01 { left: 24px; top: 100px; }
div#technologie_tooltip a#tooltip_02 { left: 130px; top: 54px; }
div#technologie_tooltip a#tooltip_03 { left: 254px; top: 54px; }
div#technologie_tooltip a#tooltip_04 { left: 396px; top: 68px; }
div#technologie_tooltip a#tooltip_05 { left: 354px; top: 134px; width: 58px; height: 58px; }
div#technologie_tooltip a#tooltip_06 { left: 236px; top: 142px; width: 68px; height: 68px; }
div#technologie_tooltip a#tooltip_07 { left: 114px; top: 140px; width: 58px; height: 58px; }

div#display-Tooltip-outer-ie { display: none; position: absolute; width: 244px; z-index: 99; background: url(image/layout/tooltip-bottom.gif) left bottom no-repeat; padding-bottom: 6px; }
div#display-Tooltip-inner-ie { padding: 15px 15px 0 15px!important; background: url(image/layout/tooltip-top.gif) left top no-repeat; }
div#display-Tooltip-outer { display: none;  position: absolute; width: 244px; z-index: 99; background: url(image/layout/tooltip-bottom.gif) left bottom no-repeat; padding-bottom: 6px; }
div#display-Tooltip-inner { padding: 15px 15px 0 15px; background: url(image/layout/tooltip-top.gif) left top no-repeat; }

p#close_performanceSuite { text-align: right; margin-bottom: 15px; }
p#close_performanceSuite img { cursor: pointer; margin-right: 15px; }

/* tooltips *******************************************************************/
.wglNavibarset { overflow: hidden; margin-bottom: 1em;padding-left: 15px; }
.wglNavibarset .wglListPages { float: left; }
.wglNavibarset .wglListPages a { margin-right: 2px; }
.wglNavibarset .wglListPagePrev { float: left; padding-left: 10px; }
.wglNavibarset .wglListPageNext { float: left; padding-left: 10px; }

/* social-media *******************************************************************/
#ul_nav-social-media { position: absolute; right: 512px; top: 61px; overflow: hidden;}
#ul_nav-social-media li { float: right; width: 16px; height: 16px; padding-left: 6px; }
#ul_nav-social-media li a { float: right; width: 16px; height: 16px; background-repeat: no-repeat; text-indent: -999em;}
#ul_nav-social-media li a:hover { background-position: 0 -16px!important;}