/*
 * Copyright 2002-2010 inxire GmbH. All rights reserved.
 * ------------------------------------------------------
 * Version: $Id: main.css,v 1.68.2.5.2.5 2015/06/18 09:00:28 plink Exp $
 *
 * Cascading Stylesheet (CSS 1.0)
 *
 * Main CSS stylesheet to define the layout and general
 * appearance of inxire ECM.
 *
 * This file is indented to be maintained by the LAYOUTER.
 *
 * It should not contain any technical parameters, that are
 * neccessary for the application to work properly. Move this
 * stuff to other CSS's or JSP's.
 * 
 * No other source file should define fonts, font-sizes 
 * and colors !
 *
 * Authors: Axel Morgner <axel.morgner@inxire.com>
 *          Hans-Martin Keller <hans-martin.keller@inxire.com>
 *
 */


/* ******************************************************************************** *
 * Element Defaults                                                                 *
 *                                                                                  *
 * The following rules overwrite HTML element defaults. This is needed to avoid     *
 * browser dependencies and adapt the general appearance of the application.        *
 *                                                                                  *
 * Attention: the font-family must be specified 4 times:                            *
 * a) BODY element to be inherited to the document content                          *
 * b) PRE element to define some monospeced font                                    *
 * c) PRE.literallayout for <literallayout> in articles with same font as BODY      *
 * d) pre-set tags SELECT, INPUT, TEXTAREA                                          *
 * ******************************************************************************** */

body {
  font-size: 9pt;      /* 12px on 96 dpi display */
  line-height: 1.5;    /* 18px on 96 dpi display */
  margin: 0px;
  padding: 0px;
  background-color: #fff;      /* do not use browser defaults or transparency */
  background-repeat: no-repeat;
}

html, body {
  border: none;    /* IE shows border on embedded IFRAME */ 
  height: 100%;    /* "html" is needed by mozilla, see http://www.quirksmode.org/css/100percheight.html */
}

/* Set font-family with body tag and all pre-set tags */
body, select, input {
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;  /* keep synchronized with pre.literallayout !! */
}

pre, textarea {
  font-family: monospace;
}

/* Avoid space around form input field */
form {
  margin: 0px;
}

/* Reset pre-set tags to default fonts size and weight */
table, select, input, textarea, fieldset {
  font-weight: normal;
  font-size: 1em;       /* means: inherit font-size */
  color: #000;
}

/* Set headings and default margins */
h1 { font-size: 2.1em; margin: .75em 0; }    /* W3C: 2.0 = 2.25*/
h2 { font-size: 1.33em; margin: 0.83em 0; }   /* W3C: 1.5 */
h3 { font-size: 1.0em; margin: 1.12em 0; }
/*h4 { font-size: 1.0em; margin: 1.12em 0; }*/
h4, p, pre,
blockquote, fieldset, dir, menu { margin: 1.12em 0 }   /* W3C default, 13.44px on 96dpi */

/*
 * Info: Extract from W3C Sample stylesheet
 * see http://www.w3.org/TR/CSS21/sample.html
 *
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
 */


/*
 * Default link styles for normal text flow and articles
 * See:
 *   http://www.w3.org/TR/CSS21/selector.html#pseudo-elements
 *   http://www.timrivera.com/tests/hover.html
 *   http://www.webdesign-in.de/mts/links-und-ihre-moeglichkeiten-der-darstellung
 */
/* a         { text-decoration: none; color: #000; }     do not change anchor layout !! */
a:link,        a:visited        { /* text-decoration: underline; /* website migration 5.3 */ color: #000; } /* inherit not working with IE */
a:focus                         { text-decoration: underline; color: #aaa; } /* :link:focus may confuse IE */
a:link:hover,  a:visited:hover  { text-decoration: underline; /* color: #aaa; */ }
a:link:active, a:visited:active { text-decoration: underline; color: #aaa; }

/* Re-enforce link styles for Mozilla not to be overwritten by EditorOverride.css (bug 946) */
body.xmleditor a:link,        body.xmleditor a:visited         { color: #000 !important; }
body.xmleditor a:focus                                         { color: #aaa !important; }
body.xmleditor a:link:hover,  body.xmleditor a:visited:hover   { color: #aaa !important; }
body.xmleditor a:link:active, body.xmleditor a:visited:active  { color: #aaa !important; }

/* Background settings for block-level elements
 * Warning: transparency on 'td' brakes NS4 and some older browsers !?
table, tr, td, p, b, div, span {
  background-color: transparent;
  background-repeat: no-repeat;
}
*/
 
/* Image Defaults */
img {
  border: none;
}

/* Horizontal Ruler */
hr {
  color: #888;             /* used by IE 5.5 */
  background-color: #888;  /* used by Mozilla, Opera, NS 7 ... */
  height: 1px;
  border: none;
}


/* ********************************************************************** *
 * No element defaults should follow after this line !!                   *
 * ********************************************************************** */


/* ******************************************************************************** *
 * CSS rules for special page elements like navigation tree's or menus              *
 *                                                                                  *
 * Use CSS classes, ID's or context nodes to narrow definition                      *
 * ******************************************************************************** */

/*
 * Form input fields
 * =================
 * Attention: set only one of 'readonly', 'valid', 'unchanged', 'mandatory' or 'unchangedMandatory' !!
 *            (otherwise the desired background color may not show up ... )
 */

/* other buttons ?? */
input.button {
/*  border-style: ridge;
  border: 1px outset white;*/
  /* background-color: #eceaeb;    do not set background are system specific buttons will be disabled */
}

/* Use for all types of disabled buttons */
input.disabledButton {
/*  border-style: ridge;
  border: 1px outset white; */
  color: #888;
  /* background-color: #eceaeb;    do not set background are system specific buttons will be disabled */
}

/* all checkboxes, how to combine with readonly or disabled ?? */
input.checkbox {
  border: none;                  /* needed with IE on colored background */
  background-color: transparent;
}

input.disabledCheckbox {
  border: none;                  /* needed with IE on colored background */
  color: #666666;
  background-color: transparent; /* IE will render around box - strange */
}

/* all radio buttons, how to combine with readonly or disabled ?? */
input.radio {
  border: none;                  /* needed with IE on colored background */
  background-color: transparent;
}

input.disabledRadio {
  border: none;                  /* needed with IE on colored background */
  color: #666666;
  background-color: transparent;
}

/* Option Group, disabled */
option.optgroup {
  font-style: italic;
  color: black;
}

/* readonly input field */
input.readonly, select.readonly, textarea.readonly {
  color: #666666;
  background-color: #eeeeee;
}

/* valid input field; this is an place-holder class to be toggled with 'unchanged' */
input.valid, select.valid, textarea.valid {
  /*
   * Warning:
   * ========
   * Mozilla and IE shows strange behaviour fetching Windows XP style or not, depending on background setting:
   * a) CSS and browser defaults apply only, if background color is set.
   * b) This is only true for Mozilla, if background is not equal to white - strange!
   * b) Windows XP style applies otherwise (e.g. blue border around input fields).
   * As a result, if background is changed from grey to white during field activation, 
   * border changes from "2px ridge" to "1px lightblue", strange!
   * See: http://www.mozilla.org/projects/xul/theme.html
   */
  /* background-color: transparent;  disables Windows XP style, but brakes background of drop-down lists in Mozilla */
  background-color: #fff;     /* needed by IE to disable plotform-native styling */
  -moz-appearance: none;      /* Mozilla needs this too as it ignores white background !! */
  /* !! do not write anything else here !! */
}

/* unchanged, but writable input field, will switch to 'valid' on update */
input.unchanged, select.unchanged, textarea.unchanged {
  background-color: #f7f7f7;
}

/* mandatory input field, toggles with 'unchangedMandatory' */
input.mandatory, select.mandatory, textarea.mandatory {
  background-color: #ddffdd;
}

/* unchanged mandatory input field, toggles with 'mandatory' */
input.unchangedMandatory, select.unchangedMandatory, textarea.unchangedMandatory {
  background-color: #ebfee9;   /* #eeffee; */
}

/* Add nice border to all input fields */
input.readonly, select.readonly, textarea.readonly,
input.valid, select.valid, textarea.valid,
input.unchanged, select.unchanged, textarea.unchanged,
input.mandatory, select.mandatory, textarea.mandatory,
input.unchangedMandatory, select.unchangedMandatory, textarea.unchangedMandatory {
  border: 1px solid #bac0c6;
}

/* input field with validation error, can be combined with any of the above (!) */
input.error, select.error, textarea.error, div.error {
  border-color: #d60000;
  /* color: red; */
}

/* in editArticle.jsp we need errors on anchors and divs (images) */
img.error, object.error {
  border: 1px solid #d60000;
}

a.error, tr.error {
  background-color: #fcc;
}


/*
 * Navigation Tree
 */
div.treePrefix { display: none; }
div.directoryTree img { vertical-align: middle; }

div.directoryTree a:link,        div.directoryTree a:visited        { text-decoration: none; color: #000; }
div.directoryTree a:focus                                           { text-decoration: none; color: #aaa; } /* :link:focus may confuse IE */
div.directoryTree a:link:hover,  div.directoryTree a:visited:hover  { text-decoration: none; color: #aaa; }
div.directoryTree a:link:active, div.directoryTree a:visited:active { text-decoration: none; color: #aaa; }

/* current path and current node */
div.directoryTree em             { font-style: normal; font-weight: normal; }
div.directoryTree em.currentNode { background: #feecb3; padding: 0 5px; }

div.directoryTree {
  margin: 0px 3px;
}

/* disable line-breaks for tree entries */
div.treeFolder {
  white-space: nowrap;
}

/* Show hand cursor on clickable images. See: http://devedge.netscape.com/viewsource/2002/cursor/ */
img.onClickImage {
  cursor: pointer;
  /* cursor: hand;   HMK: same as 'pointer' */
}


/*
 * Item and member listings
 * Attention: used in browse and explore view (popups)
 */
table.objectList {
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
}

table.objectList th {
  text-align: left;
  padding: 0.4em 0.25em 0.4em 5px;
  background-color: #f2f4f7;
  border-bottom: 1px solid #cfd3d8;
  white-space: nowrap;  /* needed for sort arrow in Moz */
}

/* Alternating background color */
table.objectList tr.rowset1, table.objectList tr.rowset1 td {
  background-color: #f2f4f7;
}

table.objectList td {
  padding: 0.4em 0.25em 0.4em 5px;
  /* white-space: nowrap; will make work list unusable :-( */
}

table.objectList input     { vertical-align: middle; margin: -2px 0px; }
table.objectList select    { vertical-align: middle; margin: -2px 0px; }
table.objectList img       { vertical-align: middle;  border: none; }

/* :link:focus may confuse IE */
table.objectList a:link,         table.objectList a:visited,
table.objectList a:focus,
table.objectList a:link:hover,   table.objectList a:visited:hover,
table.objectList a:link:active,  table.objectList a:visited:active  { text-decoration: none; }

table.objectList th p.elem_desc { font-weight: normal; margin: 0.25em 0;}


/*
 * Error formatting
 */
.errorMessage {color : #d60000}


/*
 * Suppress some regions while printing
 */
@media print {
.noprint  {display: none; }
}


/*
 * Format some links above visible region - needed for accessibility
 */
.hiddenLink {
  position: absolute;
  /* visibility: hidden;  -> will not show up in JAWS :-( */
  top: -100em;  /* analog http://www.landtag.nrw.de/portal/CPMO/css/neu/css/layout.css */
}


/* ******************************************************************************** *
 * Style classes for WebArticles                                                    *
 * (inside div.article or body.xmleditor)                                           *
 * ******************************************************************************** */

/* Some special margin for stand-alone rendering */
div.standAloneBox { margin: 0.5em; }

/* Online Help Header */
div.onlineHelpHeader, div.compareArticleHeader { 
  text-align: right;
}

.contentArea h1 {
 line-height:1.2em;
}

/* Article or page title */
h1.title {
  /* margin: 0.83em 0px; */
  /* color: #eaa31a;  */
}

/*Article title within abstract   -> use H2*/
h1.abstractTitle {
  font-size: 1.17em;
  margin:    1.0em 0px;
} 

h1.abstractTitle a,
h1.abstractTitle a:link,
h1.abstractTitle a:visited {
  text-decoration: none;
  color: #585858;
}

/* Article title within abstract */
h2.abstractTitle {
  font-size: 1.17em;
  margin:    1.0em 0px;
}

h2.abstractTitle a,
h2.abstractTitle a:link,
h2moreLink.abstractTitle a:visited {
  text-decoration: none;
  color: #585858;
}

/* Article Subtitle */
h2.subtitle {
  font-weight: normal;
  /* margin: 1.0em 0px; */
}

/* Abstract and Section Title */
div.article p.title, body.xmleditor p.title
/* , h2.sectionTitle keep default */ {
  font-size: 1.33em; 
  margin: 0.83em 0;
  font-weight: bold;
  color: #454444;
}

body.xmleditor p.subtitle, body.xmleditor p.subsubtitle
/* , h3.sectionTitle, h4.sectionTitle keep default */ {
  font-weight: bold;
  /* font-style: italic; */
}

/* Paragraph defaults in WebArticles */
div.article p, body.xmleditor p, div.article pre, body.xmleditor pre {
  /* margin: 1.33em 0px;  this is the default! */
  color: #454444;
}

/* Remove lower margin in abstract (may be needed in some layouts) */
div.article div.abstract p {
  margin-bottom: 0px;
} 

/* Make abstract bold in full article view? */
div.article.fullsize div.abstract p {
  font-weight: bold;
}

/* Absorb top and bottom margins within table cells */
div.informaltable div.marginAbsorber {
  margin: -1.33em 0px;  /* reduce margins */
}
div.informaltable div.marginNormaliser {
  margin: 1.33em 0px;   /* this margins will collapse with embedded margins */
}

/* Bibliograhic info with author, corpauthor and date. Rendered in articleFooter. */
/* p.author { font-style: italic; }   /* ... or below subtitle */
.bibliography { background-color: #e7eaee; padding: 0.2em 0.8em; font-size: 0.9em; }

/* more link in article abstract */
/* .moreLink { font-weight: bold; } /* website migration 5.3  */

/* Center mediaobject and add some border */
div.mediaobject { text-align: center; margin: 0.25em 0.5em; }
/* Same within WYSIWYG editor */
img.mediaobject { display: block; text-align: center; margin: 0.25em 0.5em; }

/* Formatting of small preview image (abstract) */
div.mediaobject .titleImageSmall {  
  /* text-align: left ! important; not working if "img/@align" is specified ! */
  /*width: 100px;*/ 
  vertical-align: top;     /* helps IE 5.5 to avoid spurious spacing */
}

div.mediaobject object.titleImageSmall {
  height: 100px;  /* needed by most object types */
}

span.inlinemediaobject img {
  vertical-align: middle;
}

/* Special formatting within lists */
ol.compact p, ul.compact p { margin: 0.17em; }
ol.compact pre, ul.compact pre { margin: 0.17em; }
ol.compact div.mediaobject, ul.compact div.mediaobject { margin: 2px 0; }
ol.compact div.informaltable, ul.compact div.informaltable { margin: 2px 0; }
ol div.mediaobject, ul div.mediaobject { text-align: left; margin-left: 0; }
ol div.informaltable, ul div.informaltable { margin-left: 0; }
/* Re-enforce defaults within tables - workaround since child selector is not working in IE */
ol.compact table p, ul.compact table p { margin: 1.12em 0; }
ol.compact table pre, ul.compact table pre { margin: 1.12em 0; }
ol table div.mediaobject, ul table div.mediaobject { text-align: center; margin: 0.25em 0.5em; }


/* Literal layout formatting */
/* .literallayout { white-space: pre; } , will NOT work in IE 5.5 !! */

/* Workaround for IE 5.5: Use PRE and redefine font-family as used in BODY element.
 * Attention: do NOT use "font-family: inherit", not working with IE 5.5 */
pre.literallayout { font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; }
/* p.literallayout   {white-space: nowrap;} */


/* Emphasis classes, see "TextStyles" ValueDomain for all styles available in article editor */
EM, EM.default {
        font-style: normal;
        font-weight: bold;
}
EM.underline{
        font-style: normal;
        font-weight: normal;
        text-decoration: underline;
}
EM.bold {
        font-style: normal;
        font-weight: bold;
}
EM.italic {
        font-style: italic;
        font-weight: normal;
}
EM.color1 {
        font-style:normal;
        font-weight: bold;
        color: green;
}
EM.color2 {
        font-style:normal;
        font-weight: bold;
        color: maroon;
}
EM.inverted {                  /* may look ugly on some layouts :-( */
        font-style:normal;
        font-weight: bold;
        font-size: 0.9em;       /* reduce size by 20% to give space for box */
        color: white;
        background-color: #00427c;
        border: none;
/*
        border-color: #CCFFFF #006666 #006666 #CCFFFF;
        border-top-width: thin;
        border-right-width: thin;
        border-bottom-width: thin;
        border-left-width: thin
*/
}

/* Remarks within editor or MRP */
div.article span.remark, body.xmleditor span.remark {
  background-color: #ffff80;
}


/**
 * Table styles
 * ============
 *
 * Attention: do not specify default alignments, otherwise all HTML alignment 
 *       attributes like "td/@align" and "td/@valign" will be overwritten !
 *
 * CSS-Style-Priority (lowest first):
 *      0) non-CSS hints (like HTML attribute "valign")
 *      1) CSS stylesheet rules
 *      2) HTML "style" attribute
 *
 * See: http://www.w3.org/TR/REC-CSS2/cascade.html for more details
 *
 */
div.informaltable {
        /* text-align: center; */
        margin: 0.5em 0;
        clear: both;
}
div.informaltable table, body.xmleditor table {
        width: 80%;
        table-layout: fixed;
        border-collapse: collapse;
        /*background-color: #fff;*/
        border: 1px solid #dbdfe4;     /* #aaa */
        clear: both;
}
div.informaltable td, body.xmleditor td {
        font-weight: normal;
        border: 1px solid #dbdfe4;     /* #aaa */
}
div.informaltable th, body.xmleditor th {
        text-align: center;         /* needed in editArticle for Mozilla */
        font-weight: bold;
        /* background-color: #ebeef1; */
        border: 1px solid #dbdfe4;     /* #aaa */
}


div.informaltable table.InvertedHeader,
body.xmleditor table.InvertedHeader {
  background-color: #fff;
}
table.InvertedHeader td {
  background-color: #fff;
}
table.InvertedHeader th {
  background-color: #bac0c6;
  color: #fff;
}

div.informaltable table.NoBorderInvertedHeader, 
body.xmleditor table.NoBorderInvertedHeader {
  background-color: #fff;
  border: none;
}
table.NoBorderInvertedHeader td {
  background-color: #fff;
  border: none;
}
table.NoBorderInvertedHeader th {
  background-color: #bac0c6;
  color: #fff;
  border: none;
}

div.informaltable table.NoBorder, 
body.xmleditor table.NoBorder {
  border: none;
}
table.NoBorder td {
  border: none ;
}
table.NoBorder th {
  border: none ;
}

/** The following may be used as 'blind table' for tricky layouts ... */
div.informaltable table.FullWidthNoBorder, 
body.xmleditor table.FullWidthNoBorder {
  width: 100%;
  border: none;
}
table.FullWidthNoBorder td {
  border: none;
}
table.FullWidthNoBorder th {
  border: none;
}

table.NoWrap {
  white-space: nowrap;
}
table.NoWrap td {
  white-space: nowrap;
}
table.NoWrap th {
  white-space: nowrap;
}

div.informaltable table.NoWrapInvertedHeader,
body.xmleditor table.NoWrapInvertedHeader {
  white-space: nowrap;
  background-color: #fff;
}
table.NoWrapInvertedHeader td {
  white-space: nowrap;
  background-color: #fff;
}
table.NoWrapInvertedHeader th {
  white-space: nowrap;
  background-color: #bac0c6;
  color: #fff;
}

div.informaltable table.ThinOutline, 
body.xmleditor table.ThinOutline {
  border: 1px solid #dbdfe4;     /* #aaa */
}
table.ThinOutline td {
  border: none;
}
table.ThinOutline th {
  background-color: #fff;
  border: none;
}

div.informaltable table.ThickOutline, 
body.xmleditor table.ThickOutline {
  border: 3px solid #dbdfe4;     /* #aaa */
}
table.ThickOutline td {
  border: none;
}
table.ThickOutline th {
  background-color: #fff;
  border: none;
}

div.informaltable table.ThickBorder, 
body.xmleditor table.ThickBorder {
  border-collapse: collapse;
  border: 3px solid #dbdfe4;     /* #aaa */
}
table.ThickBorder td {
  background-color: #fff;
  border: 3px solid #dbdfe4;     /* #aaa */
}
table.ThickBorder th {
  background-color: #ebeef1;
  border: 3px solid #dbdfe4;     /* #aaa */
}

/**
 * Para styles
 * ============
 */

/** Used in browseStyles in editor ... */ 
 p.textstyle a.disabledstyle, p.textstyle a.disabledstyle:link, p.textstyle a.disabledstyle:focus, p.textstyle a.disabledstyle:hover {
  background-color: transparent;
  color: #bac0c6;
}  

/** Used in browseStyles in editor ... */ 
div.parastyle a.disabledstyle, div.parastyle a.disabledstyle:link, div.parastyle a.disabledstyle:focus, div.parastyle a.disabledstyle:hover {
  background-color: transparent;
  color: #bac0c6;
} 

p.hint {
  border-left: 1em solid #FFCC00;
  padding-left: 0.5em;
}

p.hint + p.hint {
  border-top: none;
  margin-top: -1.2em;
}

p.cite {
    margin-left: 1em;
    margin-right: 1em;
    padding: 0.5em;
    border: 1px solid black;
    background-color: #EEE;
    font-style: italic;
}

p.cite + p.cite {
    border-top: none;
    margin-top: -1.3em;
}


/* **************************************** *
 *  Content Quote Box                       *
 * **************************************** */

div.informaltable {
  clear:both;
  margin:4em 0;
}

div.informaltable div.marginNormaliser {  
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:1.25em;
  /*font-style:normal;
  font-weight:normal;*/
  line-height:1.55em;
  padding:6px 25px;
  margin:0;
  color:#708090;
}

div.informaltable div.marginAbsorber {
  margin:0;
}

div.informaltable table, body.xmleditor table {
  /* background:#F1F3F5;*/ 
  border:0;
  border-collapse:inherit;
}

div.informaltable td, body.xmleditor td {
  border:none;
  font-style:italic;
}

div.informaltable th, body.xmleditor th {
  /*background: url('../img/bg_top_quote_box.gif') center top no-repeat;*/
  background: none;
  border: none;
  font-weight:bold;
  font-style:normal;
  text-align:left;
  padding-top:10px;
}

table .last {
     /*background: url('../img/bg_bottom_quote_box.gif') center bottom no-repeat; */
}

em.AutorZitatbox {
  font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",Helvetica,Arial,sans-serif;
  font-size:10px;
  font-weight:normal;
  font-style:normal;
  padding-bottom:10px;
  display:block;
  line-height:1.3em;
}



table.Zitatbox,
table.Box_Praxis_240px {
  width: 468px ! important;
  margin-left: auto;
  margin-right: auto;
  color: #818e9e;
}

div.informaltable table.VorteileBox  {
  width: 75% ! important;
  margin-left: auto;
  margin-right: auto;
  color: #818e9e;
  background: #F9FBFC;
}

div.informaltable table.VorteileBox  ul { 
padding-left: 1em 
}

div.informaltable table.VorteileBox th, body.xmleditor table.VorteileBox th {
    background: url("../img/bg_top_vorteile_box.gif") no-repeat scroll center top transparent;
    border: medium none;
    font-style: normal;
    font-weight: bold;
    padding-top: 10px;
    text-align: left;
}

table.VorteileBox .last {
    background: url("../img/bg_bottom_vorteile_box.gif") no-repeat scroll center bottom transparent;
}


div.informaltable table.ImageTableBox {
    text-align:center;
    color: #818E9E;
    margin-left: auto;
    margin-right: auto;
    width: 424px !important;	
    background: #F9FBFC;

}

table.ImageTableBox .last {
    background: url("../img/bg_top_vorteile_box.gif") no-repeat scroll center top transparent;
}

table.ImageTableBox .last td {
    padding-top: 5px !important;
}

div.informaltable table.ImageTableBox th, body.xmleditor table.ImageTableBox th {
    background: url("../img/bg_bottom_vorteile_box.gif") no-repeat scroll center bottom transparent;
    color: #818E9E;
    text-align: center;
    padding-top: 5px;
    font-weight: normal;
    padding-left:20px;
}

div.informaltable table.ImageTableBox div.marginNormaliser{
     padding: 0;
     margin: 0;
}

div.informaltable table.ImageTableBox div.marginAbsorber {
    margin: 0;
}

.mailCheck {
  display: none;
}