/**
 * CSS-Datei fuer die Layoutstruktur und Portlets
 *
 * @package CSS
 * @subpackage Layout
 * @version 0.14 
 * @copyright KR CORPORATE MEDIA
 * @author Bernd Goebel
 *
 */
 
 /* Grid 
 
 front page = 304 + 24 + 304 +24 + 304 + (10)
 3 col page = 156 + 25 + 243 + 25 +243 + 25 + 243 + (10) + (15)
 2 col page = 156 + 25 + 511  + 25 + 243 + (10) + (15)  
  
 
 
 */
 
 
 html, body { background: #999999; height: 100%; }

  #div_page-outer-wrapper {
    width: 960px;
    overflow: hidden;
    margin: 0 auto 0 auto;
    padding: 0 14px 0px 14px;
    position: relative;
    background: #fff; 
    min-height: 100.1%;
  }
  
  #div_page-wrapper {
    width: 984px;
  }
  
  .hiddenStructure {
  
  }
  

  /* page header, start */
  #div_page-header {
    position: relative;
    overflow: hidden;
    width: 960px;
    background: url(image/layout/header-gradient.jpg) no-repeat;
  }
  #div_page-header-mask {
    position: relative;
    height: 156px;
    z-index: 99;
  }
  #div_page-header-mask #header-mask-top {
    position: absolute;
    top: 0px;
  }
  #div_page-header-mask #header-mask-bottom {
    position: absolute;
    bottom: 0px;
  }
  
  #div_page-header a { 
    display: block;
    position: absolute;
    top: 5px;
    right: 15px;
    width: 13px;
    height: 13px;
    text-indent: -999em;
    z-index: 999;
  }
  #div_page-header a.close { background: url(image/navigation/head-close.gif) no-repeat; }
  #div_page-header a.open { background: url(image/navigation/head-open.gif) no-repeat; }
  
  #div_page-header-image {
    position: absolute;
    top: 0px;
    height: 157px;
    width: 960px;
  }
  
  body.frontpage #div_page-header-image {
    background: url(image/layout/header-page.jpg) no-repeat;
  } 
  
  body.company #div_page-header-image {
    background: url(image/layout/header-company.jpg) left top no-repeat;
  }
  body.page #div_page-header-image {
    background: url(image/layout/header-company.jpg) left top no-repeat;
  }
  body.page #div_page-header-image {
    background: url(image/layout/header-page.jpg) left top no-repeat;
  }
  body.contact #div_page-header-image {
    background: url(image/layout/header-page.jpg) left top no-repeat;
  }
  body.solutions #div_page-header-image { 
    background: url(image/layout/header-solutions.jpg) no-repeat;
  } 
   body.products #div_page-header-image {
    background: url(image/layout/header-products.jpg) left top no-repeat;
  }
  body.support #div_page-header-image {
    background: url(image/layout/header-support.jpg) no-repeat;
  }
  body.references #div_page-header-image {
    background: url(image/layout/header-references.jpg) no-repeat;
  }
  body.partner #div_page-header-image {
    background: url(image/layout/header-partner.jpg) no-repeat;
  }
  body.news-events #div_page-header-image {
    background: url(image/layout/header-news-events.jpg) no-repeat;
  }
  
  #div_page-function {
    position: relative;
    height: 31px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    background: url(image/layout/nav-global.gif) no-repeat;
  }
  
  /* page header, stop */

  #div_page-columns { }
  
  #div_page-nav-columns {
    float: left;
    width: 155px;
    margin-right: 25px;
  }
  
  #div_page-nav-box-inner {
    background: url(image/layout/nav-col-top.gif) no-repeat;
    padding: 0;
    min-height: 268px;
    overflow: hidden;
  }
  
  #div_page-nav-box-outer {
    background: url(image/layout/nav-col-bottom.gif) left bottom no-repeat;
    margin: 0;
    padding: 0 0 5px 0;
  }
  
  #div_page-content-columns { }
  
  body.threeCol #div_page-content-columns-outer{
    float: left;
    overflow: hidden;
    width: 521px;
  }
  
  body.threeCol #div_page-content-columns{
    width: 532px;
  }
  
  body.twoCol #div_page-content-columns-outer{
    float: left;
    overflow: hidden;
    width: 787px;
  }
  
  body.twoCol #div_page-content-columns{
    width: 805px;
  }
  
  #div_page-marginal-columns{
    float: right;
    width: 266px;
  }
  
  /* portlets ................................................................*/
  
  
  .div_teaser {
    padding: 8px 11px 0px 1px;
  }
  
   .div_teaser h1,
   .div_teaser h2,
   .div_teaser h3,
   .div_teaser h4,
   .div_teaser h4,
   .div_teaser h5,
   .div_teaser h6,
   .div_teaser p,
   .div_teaser ul,
   .div_teaser address, 
    div.teaserContent,
   .dgo-quote,
    div.elementLink{
    padding: 0 15px 0px 15px; 
  }
  
  .dgo-quote p { padding: 0px; }
  
  .div_teaser object {  margin: 0 15px 0px 15px;  }
  
  .div_teaser div.teaserContent h1,
  .div_teaser div.teaserContent h2,
  .div_teaser div.teaserContent h3,
  .div_teaser div.teaserContent h4,
  .div_teaser div.teaserContent h4,
  .div_teaser div.teaserContent h5,
  .div_teaser div.teaserContent h6,
  .div_teaser div.teaserContent p,
  .div_teaser div.teaserContent ul,
  .div_teaser div.teaserContent address,
  .div_teaser div.quote p,
  .div_teaser div.elementLink p {
    padding: 0; 
  }
  
  .div_outer-contentBox-double .div_teaser {
    padding: 0px 24px 0px 1px; 
  }
  
  .div_outer-contentBox-double .div_teaser fieldset {
    padding: 0 4px 0px 14px; 
  }
  
  .div_outer-contentBox-double .div_teaser fieldset p  {
     padding: 0 0px 0px 0px; 
  }
  
  .div_inner-threeCol-mix-aab-row .div_teaser,
  .div_inner-threeCol-mix-bbb-row .div_teaser,
  .div_inner-threeCol-row .div_teaser { 
    float: left;
    width: 242px;
    margin-right: 24px;
    padding-right: 0px!important; 
  }
  
  .div_outer-threeCol-row { 
    padding: 0 0 16px 0;
    background: url(image/layout/colbox-tripple-bottom.gif) left bottom no-repeat;
    margin-bottom: 15px;
    clear: both;
  }
  
  .div_inner-threeCol-row { 
    overflow: hidden;
    background: url(image/layout/colbox-tripple-top.gif) left top no-repeat; 
  }
  
  .div_outer-threeCol-mix-aab-row { 
    padding: 0 0 16px 0;
    background: url(image/layout/colbox-tripple-mix-aab-bottom.gif) left bottom no-repeat;
    margin-bottom: 15px;
    clear: both;
  }
  
  .div_inner-threeCol-mix-aab-row { 
    overflow: hidden;
    background: url(image/layout/colbox-tripple-mix-bbb-top.gif) left top no-repeat; 
  }
  
  .div_outer-threeCol-mix-bbb-row { 
    padding: 0 0 16px 0;
    background: url(image/layout/colbox-tripple-mix-bbb-bottom.gif) left bottom no-repeat;
    margin-bottom: 15px;
    clear: both;
  }
  
  .div_inner-threeCol-mix-bbb-row { 
    overflow: hidden;
    background: url(image/layout/colbox-tripple-mix-bbb-top.gif) left top no-repeat; 
  }
  
  body#frontpage .div_outer-threeCol-row { 
    padding: 0 0 16px 0;
    background: url(image/layout/colbox-frontpage-tripple-bottom.gif) left bottom no-repeat;
    margin-bottom: 15px;
  }
  
  body#frontpage .div_inner-threeCol-row { 
    overflow: hidden;
    background: url(image/layout/colbox-frontpage-tripple-top.gif) left top no-repeat;
  }
  
  body#frontpage .div_inner-threeCol-row .div_teaser { 
    float: left;
    width: 300px;
    margin-right: 27px;  
  }
  /* Content  Col *************************************************************/
  
  /* white main boxes, start */
  .div_outer-contentBox-single {
    float: right;
    width: 266px;
    margin-right: 2px;
    margin-bottom: 4px;  
    padding-bottom: 16px;
    background: url(image/layout/colbox-content-single-bottom.gif) left bottom no-repeat;
  }
  
  .div_inner-contentBox-single {
    min-height: 280px;
    padding-top: 10px;
    background: url(image/layout/colbox-content-single-top.gif) left top no-repeat;
  }
  
  .div_inner-contentBox-single .div_teaser{
    overflow: hidden;
    background: url(image/layout/colbox-content-single-middle.gif) left top repeat-y;
    width: 232px;
    padding: 0 !important;
  }
  
  .div_outer-contentBox-double-hidden { display: none; }
  .div_outer-contentBox-double {
    float: left;
    width: 534px;
    margin-bottom: 4px;    
    padding-bottom: 16px;
    background: url(image/layout/colbox-content-double-bottom.gif) left bottom no-repeat;
  }

  .div_inner-contentBox-double {
    position: relative;
    min-height: 280px;
    padding-top: 10px;
    margin: 0 20px 0 0;
    background: url(image/layout/colbox-content-double-top.gif) left top no-repeat;
  }

.div_inner-contentBox-double-auto-height {
    position: relative;
    padding-top: 10px;
    margin: 0 20px 0 0;
    background: url(image/layout/colbox-content-double-top.gif) left top no-repeat;
  }
  

  .div_inner-contentBox-double-auto-height .div_teaser,
  .div_inner-contentBox-double .div_teaser{
    overflow: hidden;
    background: url(image/layout/colbox-content-double-middle.gif) left top repeat-y;
    width: 510px;
    padding: 0 !important;
  }
   
  .div_outer-contentBox-double-overflow .div_teaser {
    padding-bottom: 24px !important;
  }
  
  .div_outer-contentBox-tripple {
    float: left;
    width: 803px;
    margin-bottom: 4px;    
    padding-bottom: 16px;
    background: url(image/layout/colbox-content-tripple-bottom.gif) left bottom no-repeat;
  }
  
  .div_inner-contentBox-tripple {
    /*min-height: 206px;*/
    min-height: 60px;
    padding-top: 10px;
    margin: 0 20px 0 0;
    background: url(image/layout/colbox-content-tripple-top.gif) left top no-repeat;
  }
  
  .div_inner-contentBox-tripple .div_teaser{
    overflow: hidden;
    background: url(image/layout/colbox-content-tipple-middle.gif) left top repeat-y;
    width: 778px;
  }
  
   /* white main boxes, ende */
   
   
   
  .div_outer-singleCol-row {
    float: left;
    width: 266px;
    margin-bottom: 14px;
    padding-bottom: 16px;
    background:  url(image/layout/colbox-single-bottom.gif) left bottom no-repeat;
  }
  .div_inner-singleCol-row {
    min-height: 132px;
    background: url(image/layout/colbox-single-top.gif) left top no-repeat;
  }
 
 .div_inner-singleCol-row .div_teaser { width: 232px; overflow: hidden; }
 
 .div_outer-doubleCol-row {
    float: left;
    width: 536px;
    margin-bottom: 14px;
    padding-bottom: 16px;
    background:  url(image/layout/colbox-double-bottom.gif) left bottom no-repeat; 
  }
  .div_inner-doubleCol-row {
    min-height: 132px;
    background: url(image/layout/colbox-double-top.gif) left top no-repeat;  border: 1px solid transparent ;
  }
 
 .div_inner-doubleCol-row .div_teaser { overflow: hidden; width: 498px; }
 
  
  /* Marginal Col *************************************************************/
  .div_oneCol_special-box {
    float: right;
    width: 243px;
   /* height: 282px;*/
    height: 296px;
    /*height: 222px;*/
    margin-bottom: 14px;
    background: url(image/layout/colbox-special-fix.gif) left top no-repeat;
    margin-right: 25px;
  }
  .div_oneCol_special-box h3{
    height: 30px;
    margin-bottom: 0;
    line-height: 30px;
    font-size: 108%;
    font-weight: bold;
    text-align: center;
    color: #7fa9c3;
    background: url(image/layout/colbox-special-head.gif) left top no-repeat;
  }
  
  .div_oneCol_special-box p{
    width: 241px;
    margin: 0;
    padding: 0;
    border: 1px solid #efefef;
    border-top: 0px solid;
    overflow: hidden;
    cursor: pointer;
  }

  div#overlaybox { position: absolute; top: 0px; left: 0px; z-index: 99999; height: 1000px; width: 100%; background: url(image/layout/overlay.png); cursor: pointer; }
  div#videobox { position: absolute; top: 0px; left: 0px; z-index: 100000; height: 491px; width: 800px; }
  div#flashbox { height: 450px;  border: 1px solid; border-color: #a3c1d4 #a3c1d4 #004c7b #004c7b; }
  
  .div_outer-mainBox {
    float: right;
    width: 803px;
    margin-right: 2px;
    margin-bottom: 4px;  
    padding-bottom: 16px;
    background: url(image/layout/colbox-main-bottom.gif) left bottom no-repeat;
  }
  
  .div_inner-mainBox {
    padding-top: 10px;
    background: url(image/layout/colbox-main-top.gif) left top no-repeat;
    overflow: hidden;
  }

  .div_outer-mainBox .div_outer-contentBox-double { background: none!important; margin-bottom: 0; margin-top: 0px; padding-bottom: 0; }
  .div_outer-mainBox .div_inner-contentBox-double-auto-height,  
  .div_outer-mainBox .div_inner-contentBox-double { background:  none!important; margin-bottom: 0px; padding-top: 0; padding-bottom: 0px;  }
  .div_outer-mainBox .div_teaser { background: none; }
  .div_outer-mainBox .div_oneCol_special-box { background: none; margin-top: -10px; margin-right: 23px; }
  .div_outer-mainBox .div_oneCol_special-box p { border: none; padding-left: 1px; }
  
  
  
  
  
  /* styles set with editor ******************************************************/
  /* image */
  img.picture          {margin: 10px 0 10px 0;}
  img.pictureLeft      {float:left; margin: 0 10px 5px 0;}
  img.pictureRight     {float:right; margin: 0 0 5px 10px;}
  
  img.pictureTop          {margin: 0 0 10px 0;}
  img.pictureTopLeft      {float:left; clear: left; margin: 0 10px 5px 0; }
  img.pictureTopRight     {float:right; clear: left; margin: 0 0 5px 10px;}


/* wysiwyg */
/* see top of page*/