/**
 * CSS-Datei fuer Typografie und Farben
 *
 * @package CSS
 * @subpackage typo/color
 * @version 0.11
 * @copyright KR CORPORATE MEDIA
 * @author Bernd Göbel
 *
 */
/*
font-size:77% = 10
font-size:85% = 11
font-size:93% = 12
font-size:100% = 13
font-size:108% = 14
font-size:116% = 15
font-size:123.1% = 16
font-size:131% = 17
font-size:138.5% = 18
font-size:146.5% = 19
font-size:153.9% = 20
font-size:161.6% = 21
font-size:167% = 22
font-size:174% = 23
font-size:182% = 24
font-size:189% = 25
font-size:197% = 26


Bereichsfarben:
Solutions #005488
Products #cc0000
Support #f6a900
Clients #64A104
Partner #663366
News & Events #999999 153/153/153


special-blue: #7fa9c2

Typo und Linkfarben
Text  #666666
Hervorhebung #005488

Interner Link #6699cc
Interner Link ausgewählt #ff6666
*/

  /* standard Farben */
  .page-text { color:#7fa9c3!important; }
  .companyText ,
  .companyText a { color:#005488!important; }
  body.company .div_teaser h2 { color:#005488; }
  .solutionsText ,
  .solutionsText a { color:#005488!important; }
  body.solutions .div_teaser h2 { color:#005488; }
  .productsText ,
  .productsText a{ color:#cc0000!important; }
  body.products .div_teaser h2 { color:#cc0000; }
  .supportText ,
  .supportText a { color:#f6a900!important; }
  body.support .div_teaser h2 { color:#f6a900; }
  .referencesText,
  .referencesText a { color:#64A104!important; }
  body.references .div_teaser h2 { color:#64A104; }
  .partnerText, 
  .partnerText a { color:#663366!important; }
  body.partner .div_teaser h2 { color:#663366; }
  .newsEventsText ,
  .newsEventsText a { color:#666666!important; }
  body.newsEvents .div_teaser h2 { color:#666666; }

  .decoration-text { color:#005488!important; }


  a { color: #6699cc; }
  a.more { margin-left: 5px; }
  a.more:hover { color: #ff6666; }

  #div_page-content-columns a:hover { color: #ff6666; }

  .v-spacer { margin-bottom: .8em; }

  h4, h5, h6, p,  ul, dl, ol, th, td, address, div.teaserContent, div.quote, div.elementLink { font-size: 93%; color: #444444; }
  
  body#frontpage div.dgo-quote { font-size: 100!important; margin-bottom: 2em; }
  
  .div_teaser div.teaserContent h1,
  .div_teaser div.teaserContent h2,
  .div_teaser div.teaserContent h3,
  .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 ol,
  .div_teaser div.teaserContent address,
  .div_teaser div.quote p,
  .div_teaser div.elementLink p {
    font-size: 100%;
  }
  
  
  h4, p, ul, dl, ol, address, div.teaserContent, .dgo-quote, div.elementLink { line-height: 138.5%; }
  h3, p, ul, dl, ol, address, div.teaserContent, .dgo-quote, div.elementLink { margin-bottom: .8em; }
  
  ul.sitemap ,
  ul.sitemap li ul { margin-bottom: 0px!important; margin-top: 0px!important; }
  h4 { margin-bottom: .2em; }
  h5 { margin-bottom: .8em; }

  ol ul { margin-top: .8em; }

  ol ul,
  ul ul,
  ul dl,
  ul p,
  th ul,
  th dl,
  th p,
  td ul,
  td dl,
  td p { font-size: 100%; }

  .address span,
  .address strong,
  address span,
  address strong { display: block; }
  .address strong,
  address strong { /*font-weight: normal;*/ }

  body.page .div_teaser h5 { color:#7fa9c3; }

  #div_page-top h1 { margin: 31px 0 12px 52px; }

  .div_teaser h2 {
    margin-bottom: .8em;
    font-size: 116%;
    font-weight: bold;
    text-transform: lowercase;
    color: #444444; }
    
  .div_teaser h3 {
    margin-bottom: .8em;
    font-size: 93%;
    font-weight: bold;
    color: #222222;
  }

  .div_teaser h1,
  .div_inner-contentBox-single .div_teaser h3,
  .div_inner-contentBox-double .div_teaser h3,
  .div_inner-contentBox-tripple .div_teaser h3 {
    margin-bottom: .5em;
    font-size: 123.1%;
    font-weight: bold;
    color: #555555;
  }
  
  div_inner-contentBox-single

  body.frontpage .div_teaser h2 {
    margin-bottom: .4em;
    font-size: 123.1%; 
  }
  body.frontpage .div_teaser h3 {
    font-size: 138.5%;
  }

  #div_page-nav-columns h3 {
    margin: 12px 15px 5px 15px;
    font-size: 93%;
    color: #7fa9c2;
    }
    
  .div_teaser ul li ul {
    margin-top: .4em!important;
  }
  .div_teaser ul li {
    padding-left: 16px;
    margin-bottom: .4em;
    background:  url(image/list/dot.gif) left top no-repeat;
  }
  .div_teaser ol {margin-left: 24px;padding: 0;}
  .div_teaser ol li {
    padding-left: 0px;
    margin-bottom: .4em;
  }

  .div_teaser div.logoList { padding: 0 15px 0 15px 0!important ; }
  .div_teaser ul.logoList {  margin: 0 15px 0 15px 0!important ;  }

  .div_teaser ul.logoList li {
    padding-left: 0;
    padding-bottom: 0;
    margin-left;
    display: inline;
    margin-right: 10px;
    margin-bottom: 10px;
    background: none;
  }
  .div_teaser ul.logoList li img { margin-bottom: 10px; }
  
    .div_teaser .dgo-quote {
      margin-top: 2em;
      text-align: right;
      font-style: italic;
    }
    
    .div_teaser .elementLink {
      text-align: right;
    }
    
  .div_teaser ul.wglList {}
  .div_teaser ul.wglList li { margin-bottom: 1em; }
  .div_teaser ul.wglList li  h2 { margin-bottom: 0; padding-left: 0px!important; font-size: 100%; }
  .div_teaser ul.wglList li  p { margin-bottom: 0; padding-left: 0px!important; }

/* form ***********************************************************************/

.wglSelectError,
.wglInputError { background: #fcc40b; }

  form#page-search {
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: 10px;
    padding-top: 6px;
  }

  form#page-search input.searchfield {
    width: 116px;
    height: 15px;
    margin: 0 4px 0 0;
    padding: 1px 4px 1px 4px;
    border: 0px solid;
    vertical-align: top;
    font-size: 85%;
    color: #444444;
  }

  form#page-search input.searchbutton {
    margin: 0 10px 0 0;
    border: 0px solid;
    vertical-align: top;
  }
  
  
/* allgemein */  
  p.selectBox { width: 467px!important;  }
  p.selectBox input { float: right!important; }
  p.selectBox label { float: left; width: 400px;  }
  
/* contact-form */

  h3.form  {
    font-weight: normal !important;
    font-size: 93% !important;
    padding: .4em 0!important;
    margin: 2em 0 3em 0 !important;
    color: #fff !important;
    background: #005488 url(image/layout/header-gradient.jpg) -300px top;
  }
  
   h3.form span {
    display: block;
    margin: 0;
    padding: 0 0 0 30px!important;
    background: url(image/icon/arrow-to-bottom.gif) 10px .1em no-repeat;
  }
  
  h4.form  {
    padding-left: 0;
  }
  
  
  
  .div_outer-contentBox-double .div_teaser h3.form span {
    color: #fff;
    padding-left: 12px;
  }

  .div_outer-contentBox-double .div_teaser fieldset ,
  .div_outer-contentBox-double .div_teaser fieldset p { overflow: hidden; padding-bottom: .7em; margin-bottom: 0px; }
  .div_outer-contentBox-double .div_teaser fieldset label ,
  .div_outer-contentBox-double .div_teaser fieldset input ,
  .div_outer-contentBox-double .div_teaser fieldset select,
  .div_outer-contentBox-double .div_teaser fieldset textarea { float: left; display: block;  }


  
  fieldset input ,
  fieldset select,
  fieldset textarea { float: left; font-size: 93%;  }
  
  fieldset h4 { margin-left: 0px; padding-left: 0px; }

  
  .div_outer-contentBox-double .div_teaser fieldset { margin-bottom: 1em; width: 550px; }

  

  .div_outer-contentBox-double .div_teaser p.formAction {
    padding-right: 10px;
    margin-top: 2em;  
  }
  
  p.formAction input.submit {
    font-size: 93%;
    padding: .2em 30px .4em 30px; 
    float: none !important;
    border: none;
    color: #fff;
    background: #397aa2 url(image/icon/arrow-to-right.gif) 10px .4em no-repeat;
    cursor: pointer;
  }
  
  #scenarios_form fieldset { margin:0px; padding: 0px; }
  #scenarios_form h4 { margin-left: 0px; padding-left: 0px; }
  #scenarios_form p { width: 479px; }
  #scenarios_form label { float: left; width: 400px;  }
  #scenarios_form input { float: right; }

  
  .mainForm_oneCol p { overflow: hidden; width: 500px; }
  .mainForm_oneCol p label { width: 120px; padding-right: 6px; float: left; display: block; }
  .mainForm_oneCol span.other { width: 164px; float: right; display: block; }
  .mainForm_oneCol p select { width: 184px; float: right !important; margin-right: 190px; }
  .mainForm_oneCol span.other select { margin-bottom: 6px;  }
  .mainForm_oneCol p input { width: 164px; float: right !important; margin-right: 206px; }
  .mainForm_oneCol span.other input { margin-right: 206px;  }
  .mainForm_oneCol p textarea { width: 338px; height: 60px; float: right !important; margin-right: 36px; }
  
  .mainForm_oneCol_scenarios { margin:0px; padding: 0px; }
  .mainForm_oneCol_scenarios h4 { margin: 0px; padding: 0px; }
  .mainForm_oneCol_scenarios p { overflow: hidden; width: 479px; }
  .mainForm_oneCol_scenarios p label { float: left; display: block; width: 400px; }
  .mainForm_oneCol_scenarios span.other { width: 164px; float: right; display: block; }
  .mainForm_oneCol_scenarios p input { float: right !important; }

  
  .mainForm_twoCol p { float: left; width: 258px;  padding: 0 0 6px 0!important; margin: 0!important; }
  .mainForm_twoCol p label { width: 84px; margin: 0px; padding: 0px; overflow:hidden }
  .mainForm_twoCol p input { width: 122px;  height: auto;  margin-bottom: 6px !important; }
  .mainForm_twoCol p input.checkbox { width: auto;  height: auto;  margin-bottom: 6px !important; }
  .mainForm_twoCol p span.other input { width: 122px; margin-bottom: 6px !important; margin-left: 84px; clear: both; }
  .mainForm_twoCol p textarea { width: 122px; margin-bottom: 6px !important; }
  .mainForm_twoCol p select { width: 142px!important;; margin-bottom: 6px !important;  }
  
  .marginalForm_oneCol { padding-left: 15px; }
  .marginalForm_oneCol p { float: left; width: 258px;  padding: 0 0 6px 0!important; margin: 0!important; }
  .marginalForm_oneCol p label { float: left; display: block; width: 84px; margin: 0px; padding: 0px; overflow:hidden; }
  .marginalForm_oneCol p input { float: left; width: 112px;  height: auto;  margin-bottom: 6px !important; }
  .marginalForm_oneCol p input.checkbox {width: auto;  height: auto; }
  .marginalForm_oneCol p span.other input { width: 122px; margin-bottom: 6px !important; margin-left: 84px; clear: both; }
  .marginalForm_oneCol p textarea { width: 112px; margin-bottom: 6px !important; }
  .marginalForm_oneCol p select { width: 132px; margin-bottom: 6px !important;  }
  
  input[type='hidden']{ position: absolute; left: -999em; }
  
  /* Suche */
  
  div.wSearchBot form.wglForm { padding-left: 15px; margin-bottom: 1em; }
  div.wSearchBot form.wglForm label { margin-right: 20px; }
  div.wSearchBot form.wglForm input { }
  div.wSearchBot form.wglForm button {
    display: block;
    margin-top: 1.5em;
    font-size: 93%;
    padding: .2em 30px .4em 30px; 
    float: none !important;
    border: none;
    color: #fff;
    background: #397aa2 url(image/icon/arrow-to-right.gif) 10px .4em no-repeat;
    cursor: pointer;
    }
  div.wSearchBot p.wglParagraph {   margin-top: 0; margin-bottom: 1em; font-size: 100%; }
  
  li.wglListEntry h3, li.wglListEntry p { margin-left: 0px; padding-left: 0px; }
  li.wglListEntry p { margin-bottom: 0px; }
  div.wglListMore { margin-bottom: 1em; }
  
  /* Carousel, start **********************************************************/
  
 

body#frontpage div.elementPortlet {  }

body#frontpage div.elementPortlet { margin: 0px 0 12px 0!important; padding: 0px!important; }
body#frontpage div.elementPortlet div { margin: 0px!important; padding: 0px!important; }

div.wglPortletHead { display: none;  }

body#frontpage div.wglPortletHead h2 { display: none; background: red; }


div.mycarousel ul { padding: 0!important; margin: 0!important;}
div.mycarousel li { height: 120px; padding: 0!important; background: none; margin: 0!important; }
div.mycarousel h4 a { color: #555; }
div.mycarousel p { padding: 0 15px 0px 15px;  }
.carousel-control { display: none; }

/* Carousel, end **********************************************************/