@charset 'utf-8';
/* Authentidate Main CSS
*
* first import Eric Meyer's CSS-Reset
* or any any other css-reset is needed, otherwise border, margins, paddings etc. have to be set to 0 for every element */
@import url('reset.css');

body {
  background-image: url(../layout_images/bg_main.png);
  background-color: #ffffff;
  text-align: center;
  padding-top: 34px;
}


/* ################### Layout ################### */

#outerWrapper {
  width: 948px;
  margin: 0 auto 0 auto;
  text-align: left; /* reset the text-align for possible inheritance */
}


#roundCornerCapsTop { /* IE6 fixed in IE6.css */
  height: 12px;
  background-image: url('../layout_images/shadow_caps_top.png');
  background-repeat: no-repeat;
}


#innerWrapper {
  padding: 0 0px 0 0px;
  background-image: url('../layout_images/shadow_sides.png');
  background-repeat: repeat-y;
}

#outerContentWrapper {
  background-color: #ffffff;
  /* background-image: url('../layout_images/bg_content_red.png');
  background-repeat: repeat-y;    */
}


#header {
  background-image: url('../layout_images/shadow_sides.png');
  height: 80px;
  position: relative;
}
  #header #logo {
    position: absolute;
    left: 20px;
    top: 1px;
  }
  
  #header .languageSwitcher {
    position: absolute;
    right: 200px;
    bottom: 2px;
  }
    #header .languageSwitcher a {
      background-position: 0 1px;
      background-repeat: no-repeat;
      padding-left: 2px;
      line-height: 15px;
    }
  
  #header .metaNav {
    position: absolute;
    right: 19px;
    bottom: 12px;
  }
  #header a.minilink {
    font-weight: bold;
  }
  #header a.minilink:hover {
    background-color:#e2e2e2;
    color: #990000;
  }
  
/* ### the header image ### */ 

#headerImage {
  background-color:#ffffff;
  border-bottom: 20px solid #ffffff;
  overflow: hidden;
  width: 948px;
}


#headerImage img {
  margin: 0 0 5px 0;
}
  
  
  
  
  
/* ### the main navigation menu ### */
#nav {
  background-image:   url('../layout_images/bg_menue.png');
  background-color:   #666666;
  height:             28px;
  width:              940px;
  padding-left:       8px;
  
}  

#mainMenu {
  line-height:        24px;
  list-style-image:   none;
  list-style-position: outside;
  list-style-type:    none;
 /*position:	relative;*/
}

#mainMenu li {
  float:              left;
  white-space:        nowrap;
}

#mainMenu a {
  left:               40px;
  color:              #ffffff;
  display:            block;
  padding:            2px 10px;
  text-decoration:    none;
  font-weight:        bold;
}

#mainMenu a:hover,
#mainMenu a.active  {
  background-image:   url('../layout_images/menue/menue_bg_on.png');
}

/* the first sublevel */
#mainMenu ul {
  position:           absolute;
  z-index:            1000;
  display:            none;
  opacity:            .95;      /* Transparenz für Firefox/Safari/Opera/Chrome */
}

#mainMenu ul a {
  background:         #5f7e96 url('../layout_images/menue/menue_bg_sub.png') top left repeat-x;
  white-space:        nowrap;
  font-weight:        normal;
  padding:            0 10px;
  filter:             alpha(opacity = 95);   /* Transparenz für Internet Explorer (8) */
  /* IE6 has a fixed width set in ie6.css */
}

#mainMenu ul a:hover,
#mainMenu ul a.active {
  background:         #990000 url('../layout_images/menue/menue_bg_sub_on.png') top left repeat-x;
}

#mainMenu li:hover ul,
#mainMenu li.hover ul {
  display:            block;
}

#mainMenu ul li {
  position:           relative;
  float:              none;
  min-width:          12em;
  /*line-height:        24px;*/
}

/* the second sublevel */
#mainMenu li ul ul,
#mainMenu li:hover ul ul,
#mainMenu li.hover ul ul {
  display:            none;
  position:           absolute;
  top:                0;
  left:               100%;
  margin:             0;
}

#mainMenu li:hover ul li:hover ul,
#mainMenu li.hover ul li.hover ul {
  display:            block;
}
          
          
          

  #nav div.column
SurrogateRight {
    background-image: url('../layout_images/menue/menue_bg_newsletter-1.png');

  }
    #nav .newsletterButton {
      padding: 5px 20px;
      background-image: url('../layout_images/bullets/arrow_newsletter.png');
      background-position: 1px 7px;
      background-repeat: no-repeat;
    }
      #nav .newsletterButton a {
        line-height:        18px;
        font-size: 11px;
        color: #990000;
        padding-left: 10px;
      }
      #nav .newsletterButton a:hover {
        color: #000;
      }



/* ### the left sidebar navigation menu ### */
#sideNav {
  padding:                0;
  margin-bottom:          10px;
  font-size:              10px;
  background:             #ebf2f7 url('../layout_images/menue/bg_left_menue_middle.gif') top right repeat-y;
}

#sideNavTop {
  width:                  100%;
  height:                 10px;
  background:             #ebf2f7 url('../layout_images/menue/bg_left_menue_top.gif') top right no-repeat;
}

#sideNavBottom {
  width:                  100%;
  height:                 14px;
  background:             #ebf2f7 url('../layout_images/menue/bg_left_menue_bottom.gif') top right no-repeat;
}

#sideNav ul {
  padding-left:           10px;
  padding-bottom:         10px;
}

#sideNav ul ul {
  padding:                0;
}

#sideNav a {
  color:                  #333333;
  display:                block;
  font-weight:            bold;
}                      
  
#sideNav a:hover,
#sideNav a.active {
  color:                  #990000;
}

#sideNav ul,
#sideNav li {
  margin-top:             6px;
  line-height:            13px;
}

#sideNav ul ul a {
  display:                block;
  background-image:       url('../layout_images/bullets/bullet_sidenav_grey.png');
  background-position:    4px 8px;
  background-repeat:      no-repeat;
  padding-left:           9px;
  font-weight:            normal;
}
    
#sideNav ul ul a:hover,
#sideNav ul ul a.active {
  background-image:       url('../layout_images/bullets/bullet_sidenav_red.png');
}

#sideNav ul ul ul a {
  padding-left:           18px;
  background-position:    12px 8px;
}
    


#mainColumnLeft {
  float: left;
  width: 185px;
  min-height: 10px;
}
#mainColumnCenter {
  float: left;
  width: 570px; /* IE6 needs some px less in ie6.css */
}
#mainColumnRight {
  float: right;
  clear: right;
  width: 185px;
  font-size: 10px;
}
body.startseite #mainColumnRight {
  font-size: 100%;
}
/* the secondaryColumnRight sits inside the #mainColumnsCenter and floats right */
#secondaryColumnRight {
  float: right;
  width: 185px;
}

/* on the frontpage the centered Boxes should be of the same height */
body.startseite #mainColumnCenter .greenBox {
  width: 370px;
}
body.startseite #secondaryColumnRight {
  width: 185px;
}


div.columnSurrogateLeft {
  color: #000000;
  float: left;
  width: 185px;
}

div.columnSurrogateRight {
  color: #000000;
  float: right;
  width: 185px;
}


#footer {
  padding: 0 8px 0 8px;
  height: 32px;
  background-image: url('../layout_images/bg_footer.png');
  background-repeat: no-repeat;
  color: #000000;
  font-size: 10px;
}
  #footer a {
    color: #000000;
  }
  #footer a:hover {
    color: #990000;
  }
  #footer div {
    padding: 7px;
  }



/* ################### Standard boxes ######################################################################### */

h2.boxHeader {
  color: #fff;
  font-size: 11px;
  background-repeat: no-repeat;
}
  h2.boxHeader a {
    color: #fff;
  }

div.greyBox {
  background-image: url('../layout_images/boxes/home_grey.png');
  padding: 4px 4px 15px 25px;
  margin-bottom: 10px;
  background-position: 15px 3px;
}
  div.greyBox h2.boxHeader,
  #mainColumnLeft h2.boxHeader {  
  background-image: url('../layout_images/boxes/home_grey.png');
  padding: 4px 4px 15px 35px;
  margin-bottom: 10px;
  background-position: 5px 3px;
  }
  div.greenBox h2.boxHeader {
    background-image: url('../layout_images/boxes/home_green.png');
    padding: 4px 4px 15px 38px;
    margin-bottom: 10px;
    background-position: 6px 3px;
  }

  div.blueBox h2.boxHeader {
    background-image: url('../layout_images/boxes/home_red.png');
    padding: 4px 4px 15px 36px;
    margin-bottom: 10px;
    background-position: 1px 3px;
  }
div.redBox {
    background-image: url('../layout_images/boxes/home_red.png')
}
  div.redBox h2.boxHeader {
    background-image: url('../layout_images/boxes/home_red.png');
    padding: 4px 4px 15px 2px;
    margin-bottom: 10px;
    background-position: 25px 3px;
  }


/* ### color of the right column determined by the current body class ### */
/* Standard category color is red */
#mainColumnRight {
}
  #mainColumnRight h2.boxHeader {
    background-image: url('../layout_images/boxes/home_blue.png');
    padding: 4px 4px 15px 35px;
    margin-bottom: 10px;
    background-position: 5px 3px;
  }


  
  
#mainColumnRight img {
  margin:                 0 5px 5px 10px;
}

/* ### color of the right column determined by the current body class ### */
/* Standard category color is red */
#mainColumnRight {
}
  #mainColumnRight h2.boxHeader {
    background-color: #ffffff;
    background-image: url('../layout_images/boxes/home_blue.png');
    padding: 4px 4px 15px 35px;
    margin-bottom: 10px;
    background-position: 5px 3px;
  }
  /* Category Produkte und Services is blue */
  body.categoryProdukteUndServices #mainColumnRight h2.boxHeader,
  body.categoryProductsAndServices #mainColumnRight h2.boxHeader {
    background-color: #ffffff;
  }
  /* Category Lösungen is green */
  body.categoryLoesungen #mainColumnRight h2.boxHeader,
  body.categorySolutions #mainColumnRight h2.boxHeader {
    background-color: #ffffff;
  }
  /* Category Kunden is orange */
  body.categoryKunden #mainColumnRight h2.boxHeader,
  body.categoryCustomers #mainColumnRight h2.boxHeader {
    background-color: #ffffff;
  }
  
  
#mainColumnRight img {
  margin:                 0 5px 5px 10px;
}


/* ### the standard content wrapper wraps content in the main column, for simpler margin handling ### */
#standardContentWrapper {
  clear: both;
  margin:                 3px 20px 10px 20px;
  padding-bottom: 30px;
}
  #standardContentWrapper img {
    margin: 5px 0 15px 0;
  }
  #standardContentWrapper .floatLeft {
    margin-right: 10px;
  }
    #standardContentWrapper .floatLeft img {
      margin-bottom: 5px;
    }
  #standardContentWrapper .floatRight {
    margin-left: 10px;
  }
    #standardContentWrapper .floatRight img {
      margin-bottom: 5px;
    }
  
  
  
  
  
  
  
  
/* ################### Base Typography ################### */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

h1 {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 20px;  
  color: #990000;
}

#standardContentWrapper h1 {
  margin-right:         80px;
}

h2 {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;

}

h2.subHeader {
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  margin-top: -10px;
  margin-bottom: 20px;
}

h3.blueHeader {
  font-size: 14px;
  line-height: 16px;
  color: #003366;
  font-weight: bold;
  margin-top: -10px;
  margin-bottom: 2px;
}

p {
  margin-bottom: 16px;
  line-height: 18px;
}

#mainColumnRight p {
  margin-left: 10px;
  margin-right: 10px;
}

a {
  color: #990000;
  text-decoration: none;
}
  a:hover {
    color: #000000;
  }

a.minilink {
  font-size: 10px;
  color: #000000;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 12px;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.clearer {
  clear: both;
}

#extraMessageBottom {
  clear: both;
}

.centered {
  text-align: center;
}

img {
  margin: 5px;
}


/* standard bullet lists inside the content area */
ul.bulletList {
  margin-bottom: 16px;
  margin-top: -14px;
}
  ul.bulletList li {
    background-image: url('../layout_images/bullets/bullet_arrow_red.png');
    background-position: 0 5px;
    background-repeat: no-repeat;
    line-height: 16px;
    padding-left: 13px;
    margin-bottom: 3px;



  }
  body.categoryProdukte ul.bulletList li {
    background-image: url('../layout_images/bullets/bullet_arrow_blue.png');
  }
  body.categoryLoesungen ul.bulletList li {
    background-image: url('../layout_images/bullets/bullet_arrow_red.png');
  }



/* ################### Special content elements ################### */

/* ### the print button ### */
#printButton {
  float: right;
  margin-top:             5px;
  margin-bottom: -20px;
  margin-right: 20px;
  font-size: 9px;
  background-image: url('../layout_images/bullets/bullet_printer.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 2px 0 2px 16px;
}
  #printButton a {
    padding-left: 2px;
    padding-right: 2px;
    color: #333333;
  }
  #printButton a:hover {
    color: #990000;
    background-color:#e2e2e2;
  }



/* ### the left-floating product features box ### */
div.productFeaturesContainer {
  float: left;
  width: 212px;
  border-right: 1px solid #91acc3;
  color: #003366;
  font-size: 9px;
  line-height: 13px;
  text-align: right;
  margin-right: 15px;
  margin-bottom: 20px;
}
  div.productFeaturesContent {
    background-image: url('../layout_images/boxes/productfeatures_divider_horizontal.png');
    background-repeat: no-repeat;
    padding: 18px;
  }
    div.productFeaturesContent p {
      margin-bottom: 12px;
    }
    div.productFeaturesContent a {
      color: #990000;
    }
      div.productFeaturesContent a:hover {
        text-decoration: underline;
      }


/* ### a matrix of three images in a row with captions ### */
div.matrixTripple {
  margin-bottom: 20px;
}
  div.matrixTripple1,
  div.matrixTripple2,
  div.matrixTripple3 {
    float: left;
    width: 33%;
  }
  div.matrixTripple span.matrixCube {
    display: block;
    height: 90px;
  }
  div.matrixTripple span.matrixCube {
   display: block;    /* is modified in IE6.css and IE7.css */
   height: 90px;
}

/* ### a simple divider as a graphical hr-alternative ### */
div.divider {
  height: 1px;
  background-image: url('../layout_images/bg_pointline_red.png');
  background-repeat: repeat-x;
  margin-bottom: 20px;
  clear: both;
}


  
/* ### a single element in the Partner/Kunden list ### */
div.logoTeaser {
  clear: left;
  padding: 15px 0 5px 0;
  background-image: url('../layout_images/bg_pointline_red.png');
  background-repeat: repeat-x;
}
  div.logoTeaser img {
    float: left;
  }
  div.logoTeaser h2 {
    padding-left: 125px;
  }
  div.logoTeaser p {
    padding-left: 125px;
  }
  div.logoTeaser a.morelink {
    font-size: 9px;
  }
  
  
/* ### the news teaser is like the logoTeaser, bus has other dimensions and an additionally date field ### */
div.newsTeaser,
div.newsTeaserWithoutImage {
  clear: 	            left;
  padding:            15px 0 15px 0;
  background-image:   url('../layout_images/bg_pointline_red.png');
  background-repeat:  repeat-x;
}

body.startseite div.newsTeaser {
  padding:            0 5px 10px 5px;
  background-image:   none;
}

div.newsTeaser img {
  float:              left;
  margin-top:         5px;
}

div.newsTeaser h2 {
  padding-left:       75px;
}

div.newsTeaser a,
div.newsTeaserWithoutImage a {
  color:              #000000;
}

div.newsTeaser a:hover,
div.newsTeaserWithoutImage a:hover {
  color:              #990000;
}

div.newsTeaser p {
  padding-left:       75px;
  margin-bottom:      0;
}


  
/* ### the news teaser version without the image ### */
div.newsTeaserWithoutImage p {
  margin-bottom:      0;
}





/* ### Image with Text### */
div.imageText {
  clear: 	      left;
  padding:            3px 0 0 0;
    margin-top:         30px;
  margin-bottom:         30px;
}

div.imageText img {
  float:              left;
  margin-bottom:      -30px;

  
}

div.imageText a {
  color:              #000000;
}

div.imageText a:hover {
  color:              #990000;
}

div.imageText p {
  padding-left:       40px;
  margin-top:         10px;
}


  

/* ### the contact box for general use in the right column */
div.contactBoxContainer {
    width: 150px;
    background-image: url('../layout_images/boxes/kontakt_top.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 1px 10px 10px;
    font-size: 10px;
}
  div.contactBox {
    background-image: url('../layout_images/boxes/kontakt_bottom.png');
    background-position: 0 bottom;
    background-repeat: no-repeat;
    position: relative;
    bottom: -4px;
    padding: 0 4px 4px;
  }
    div.contactBox div {
      background-color: #ffffff;

      padding: 5px;
      line-height: 12px;
    }
    #mainColumnRight div.contactBox img {
      margin: 0;
    }
    
    

/* ### the download box for use in the right column is blue */
div.downloadsBox {
  padding-bottom: 1px;
}
/* ### the solutions box for use in the right column is green */
div.solutionsBox {
  padding-bottom: 1px;
}
div.downloadsBox a,
div.solutionsBox a {
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 0 0 1px 28px;
  display: block;
  margin: 0 10px 10px 10px;
}
  div.downloadsBox a:hover,
  div.solutionsBox a:hover {
    color: #000000;
  }

/* ### the PDF download link with PDF icon ### */
.pdfLink a {
  background-image: url('../layout_images/icons/pdf.png');
  line-height: 16px;
}
/* ### the solutions link with arrow icon ### */
.solutionsLink a {
  background-image: url('../layout_images/bullets/arrow_solutions.png');
  line-height: 16px;
}
/* ### the external arrow link ### */
.externalLink a {
  background-image: url('../layout_images/bullets/arrow_external_link.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 0 0 1px 28px;
  display: block;
  margin: 10px 10px 10px 10px;
  line-height: 16px;
}
  .externalLink a:hover {
    color: #000000;
  }

/* ### a PDF-Link inside the content area ### */
p.pdfLink {
  margin: 10px 0 10px 0;
}
  
p.pdfLink a {
  background-position:      0 0;
  background-repeat:        no-repeat;
  padding:                  2px 0 2px 28px;
  background-image:         url('../layout_images/icons/pdf.png');
  line-height:              16px;
}


/* ### some special CSS for the startseite ### */
body.startseite #mainColumnLeftContent p {
  margin: 5px;
}

body.startseite #mainColumnLeftContent p a {
  color: #000000;
}

body.startseite #mainColumnLeftContent p a:hover {
  color: #990000;
}
  
body.startseite #mainColumnRight p {
  margin: 5px;
}

body.startseite #mainColumnRight p a {
  color: #000000;
}

body.startseite #mainColumnRight p a:hover {
  color: #990000;
}

/** FCE columns 3/5 - 2/5 **/
.columns3-2 {
  margin:           0 5px;
  padding-top:      36px;
  background:       url('../layout_images/bg_pointline_red.png') 0 18px repeat-x;
}

.columns3-2 img {
  margin:           0;
}

.columns3-2 h1 {
  color:            black;
  font-size:        1em;
  margin-bottom:    0;
}

.columns3-2 .left {
  float:            left;
  width:            557px;
  overflow:         hidden;
}

.columns3-2 .right {
  float:            left;
  width:            360px;
  padding-left:     5px;
  overflow:         hidden;
}

.columns3-2 .csc-textpic div {
  margin-left:      185px !important;
}

.columns3-2 .csc-textpic div.csc-textpic-imagewrap,
.columns3-2 .csc-textpic div div {
  margin-left:      auto !important;
}

.columns3-2 .csc-textpic-imagewrap {
  width:            160px;
  overflow:         hidden;
  margin-right:     25px;
}

.columns3-2 .csc-textpic-image {
  margin-left:      auto;
}

.columns3-2 .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  float:            left;
}


/*** FCE box for margin ***/
.box,
.box p {
  font-size:            10px;
  line-height:          14px;
}

#mainColumnLeftContent .box {
  margin-left:          5px;
}

h2.boxheader-standard,
h2.boxheader-contact,
h2.boxheader-download,
h2.boxheader-solutions,
h2.boxheader-website,
h2.boxheader-extra {
  background:           url('../layout_images/boxes/boxheader_general.png') 0 2px no-repeat;
  padding:              4px 4px 10px 28px;
  margin-bottom:        5px;
  color:                white;
  font-size:            10px;
}

h2.boxheader-contact {
  background:           url('../layout_images/boxes/boxheader_contact.png') 0 2px no-repeat;
}

h2.boxheader-download {
  background:           url('../layout_images/boxes/boxheader_downloads.png') 0 2px no-repeat;
}

h2.boxheader-solutions {
  background:           url('../layout_images/boxes/boxheader_solutions.png') 0 2px no-repeat;
}

h2.boxheader-website {
  background:           url('../layout_images/boxes/boxheader_websites.png') 0 2px no-repeat;
}

h2.boxheader-extra {
  background:           url('../layout_images/boxes/boxheader_extra.png') 0 2px no-repeat;
}

.clear {
  clear:            both;
}

/* ### the special imagemap-style table on the productOverview page ### */
div.productOverview img {
  margin: 0;
}


/* ### The old contact form ### */
table.legacy_contactform {
  border-spacing: 1px
}
table.legacy_contactform td {
  line-height: 20px;
  padding: 1px;
  vertical-align: top;
}

/* ### FAQ Entry ### */
div.faq_entry {
  margin-bottom: 20px;
}
  div.faq_entry h2 {
    background-image: url('/fileadmin/templates/layout_images/boxes/bg_faqheader.jpg');
    line-height: 15px;
    padding: 3px 3px 3px 0;
  }
  div.faq_entry h2 span.faq_number {
    display: block;
    float: left;
    width: 25px;
    text-align: right;
  }
  div.faq_entry h2 span.faq_question {
    display: block;
    margin-left: 28px;
  }  
  div.faq_entry div.faq_answer {
    margin-left: 28px;
  }


/* ################### Print Stylesheet ################### */
@media print {
  /* disable some unused elements */
  div.languageSwitcher,
  div#printButton,
  div.newsletterButton {
    display: none;
  }
  #mainMenu a.active {
    text-decoration: underline;
  }
}