/*
 * Copyright 2002-2010 inxire GmbH. All rights reserved.
 * ------------------------------------------------------
 * Version: $Id: main.css,v 1.52.24.10.8.1.4.59 2010/04/26 17:46:50 mhorst 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;
  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;
}

.article table, .article select, .article input, .article textarea, .article fieldset, .xmleditor {
  color:#626465;
}

/* Set headings and default margins */
/*h1 { font-size: 2.1em; line-height: 100%; margin: .75em 0; color: #000;}*/
h1 { font-size: 2.1em; line-height: 100%; margin: 0 0; color: #000;}
/*h2 { font-size: 1.17em; margin: 0.83em 0; color: #000;}*/
h2 { font-size: 1.17em; margin: 0 0; color: #000;}
/*h3 { font-size: 1.0em; margin: 1.12em 0;}*/
h3 { font-size: 1.0em; margin: 0 0;}
/*h4 { font-size: 1.0em; margin: 1.12em 0; }*/
h4, p, pre,
blockquote, fieldset, dir, menu, para {
  /*margin: 0;
  padding: 0.8em 0;*/
  margin: 5px 0 0 0;
}



/*sitemapTree.h4, sitemapTree.p, sitemapTree.pre,
sitemapTree.blockquote, sitemapTree.fieldset, sitemapTree.dir, sitemapTree.menu, sitemapTree.para {
  margin: 0 !important;
  padding: 0 !important;
}*/

/*
 * 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; color: #000 }
a:link:focus,  a:visited:focus  { text-decoration: underline; color: #000 }
a:link:hover,  a:visited:hover  { text-decoration: underline; color: #000 }
a:link:active, a:visited:active { text-decoration: underline; color: #000 }

/* 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;
  padding: 0;
  margin: 0;
}

/* 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;
  background-color: transparent;
}

/* all radio buttons, how to combine with readonly or disabled ?? */
input.radio {
  border: none;
  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: #eeffee;
}

/* input field with validation error, can be combined with any of the above (!) */
input.error, select.error, textarea.error, div.error {
  border-color: red;
  /* color: red; */
}

/* in editArticle.jsp we need errors on anchors and divs (images) */
img.error, object.error {
  border: 1px solid red;
}

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: underline; /* 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; }
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.25em 0.25em 0.25em 5px;
  background: #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 ! important;
  /* 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; }
table.objectList td a:link,         table.objectList td a:visited,
table.objectList td a:focus,                                                 /* :link:focus may confuse IE */
table.objectList td a:hover,
table.objectList td a:link:hover,   table.objectList td a:visited:hover,
table.objectList td a:link:active,  table.objectList td a:visited:active  { text-decoration: underline; }

table.objectList th,
table.objectList th a:link,
table.objectList th a:visited,
table.objectList th a:focus {                                                 /* :link:focus may confuse IE */
  text-decoration: none ! important;
}
table.objectList th a:hover,
table.objectList th a:link:hover,   table.objectList th a:visited:hover,
table.objectList th a:link:active,  table.objectList th a:visited:active  { text-decoration: underline ! important; }


/*
 * Result pager
 * Attention: used in browse and explore view (popups)
 */
.pager em         { font-style: normal; font-weight: bold; color: #000; }
.pager a:link,        .pager a:visited,
.pager a:focus,                                        /* :link:focus may confuse IE */
.pager a:link:hover,  .pager a:visited:hover,
.pager a:link:active, .pager a:visited:active  { text-decoration: underline; }

table.pager {          /* new style pager table */
  width: 100%;
  border-collapse: collapse;
}

table.pager td {
  text-align: center;
  padding: 0px 1em;    /* needed by IE, Moz, ... */
  /* padding: 0px;    /* needed by IE, Moz, ... */
  white-space: nowrap;
}

table.pager td.left {
  text-align: left;
  padding-left: 0; 
}

table.pager td.right {
  text-align: right;
  padding-right: 0; 
}

table.pager table {
  border-collapse: collapse;
}

table.pager table td {
  padding: 0.25em;    /* needed by IE, Moz, ... */
  white-space: nowrap;
}


/*
 * Error formatting
 */
.errorMessage {color : red}


/*
 * Popup Windows
 */
body.popupWindow {
  background: #fff;
}

/*
 * 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;
}

/* Article or page title */
h1.title {
  /* margin: 0.83em 0px; */
  margin: 0;
  padding: 0;
}

/* Article title within abstract */
h1.abstractTitle {
  font-size: 1.17em;
  margin:    1.0em 0px;
}

/* Article Subtitle */
h2.subtitle, h2.subtitlenewline {
  font-weight: normal;
}

/* Abstract and Section Title */
div.article p.title, body.xmleditor p.title,
h2.sectionTitle, .titleStyle, .searchForm .innerTable h3 {
  font-weight: bold;
  font-family: Arial;
  font-size: 12px;
  line-height: 12px;
}

.titleStyle {
  line-height: 19px;
}

/* Ticket 2010020810000033 */
/*.titleStyle, .sectionTitle {
  letter-spacing: 0.5pt;
}*/
/*Ticket 2010021110000027*/
.titleStyle, .sectionTitle {
  letter-spacing: 0.2pt;
}

div.article p.title, body.xmleditor p.title,
h2.sectionTitle {
  /*margin-bottom: 0;*/
  color: #626465;
  margin-bottom: 9px
}

h2.sectionTitle {
  margin-top: 18px;
  /*margin-top: 13px;*/
  margin-bottom: 9px
}

.abstract h2.sectionTitle, .firstSection h2.sectionTitle {
  margin-top: 13px;
  margin-bottom: 9px
}

div.article .firstSection p.title, body.xmleditor .firstSection p.title,
.firstSection h2.sectionTitle {
  /*padding-top: 0.8em;*/
}
  
body.xmleditor p.subtitle, body.xmleditor p.subsubtitle,
h3.sectionTitle, h4.sectionTitle {
  font-weight: normal;
  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! */
  line-height: 17px;
  letter-spacing: 0.1pt;
  font-size: 11px;
}

/* Remove lower margin in abstract only */
div.article div.abstract p, body.xmleditor div.abstract p {
  margin-bottom: 0px;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  /*font-style: italic; not wanted by TUEV*/
  font-size: 11px;
  line-height: 19px;
  letter-spacing: 0.1pt;
}

div.article div.abstract body.xmleditor div.abstract  {
    color: #626465;
    /*padding: 0.8em 0 0 0;*/
}

/* 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 below subtitle. */
p.author { font-style: italic; }

/* Center mediaobject and add some border */


/*.firstSection div.mediaobject {
  margin-top: 3px;
  text-align: center;
}*/

div.mediaobject {
  margin-top: 4px;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.titlepage div.mediaobject, .firstSection div.mediaobject  {
  float: left;
  margin: 3px 2.14em 1em 0;
  white-space: normal;
}

.titlepage div.mediaobject .imageSubtitle {
  text-align: center;
}

/* Same within WYSIWYG editor */
img.mediaobject { display: block; text-align: center; margin: 0.25em auto 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 p, ul p  {margin-top: 0; margin-bottom: 5px;}
ol  {  margin-top: 5px; }
ul  {  margin-top: 3px; }
ol.compact p, ul.compact p { margin: 0em; padding: 0em }
ol.compact pre, ul.compact pre { margin: 0em; }
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; }
ol, ol.compact, .xmleditor ol, .xmleditor ol.compact  {
  padding-left: 20px;
  margin-left: 2px;
}
ul, ul.compact, .xmleditor ul, .xmleditor ul.compact  {
  padding-left: 0;
  margin-left: 2px;
}


.article ul li, .xmleditor ul li {
  background: transparent url(../img/gt_for_ul.gif) no-repeat 0 6px;
  padding-left: 18px;
  list-style-type: none;
}

.article ul.compact li, .xmleditor ul.compact li {
  background-position: 0 6px;
}

/* 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, EM.fett {
        font-style:normal;
        font-weight: bold;
}

/* TUEV Customization: change font only within articles as <em> is used in the whole application */
.article em,
.abstract em,
.xmleditor em
{
  font-family: Arial;
  font-size: 12px;
  line-height: 19px;
  letter-spacing: 0.2pt;
}

/* TUEV Customization: is like the original style of "Standard" */
EM.standardRunningText {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.1pt;
}

/* preserve "formattedParaTitle" for backwards compatibility */
EM.headlineHook, .headlineHook  { /* Ticket 2010020810000033 .formattedParaTitle {*/
  padding: 0 0 0 20px;
  background-image: url(../img/tuev_enum_checkmark.gif);
  background-repeat: no-repeat;
  font-size:1.17em;
  display: block;
}

/*
Ticket 2010020810000033
EM.formattedParaTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  padding: 0;
  letter-spacing: 0.5pt;
  padding-top: 9px;
}
*/

EM.Wichtiges{
        text-decoration: underline;
        font-weight:normal;        
}
EM.Wichtige_Informationen {
        font-weight: normal;
        color: #d9261c;
}
EM.Zusatzinformationen {
        font-weight: normal;
        color: #808080;
}

/* TUEV Text-Styles*/
.article em.lightHighlighted, .xmleditor em.lightHighlighted {
  font-style: italic;
  font-weight: normal;
  /*color: #c3393c !important;*/
  font-size: 11px;
  letter-spacing: 0.1pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

em.heavyHighlighted, .article em.heavyHighlighted a:link, .article em.heavyHighlighted a:visited,
.article em.heavyHighlighted a:link:focus, .article em.heavyHighlighted a:visited:focus,
.article em.heavyHighlighted a:link:hover, .article em.heavyHighlighted a:visited:hover,
.article em.heavyHighlighted a:link:active, .article em.heavyHighlighted a:visited:hover,
.xmleditor em.heavyHighlighted a:link, .xmleditor em.heavyHighlighted a:visited, .xmleditor em.heavyHighlighted a:link:focus, .xmleditor em.heavyHighlighted a:visited:focus,
.xmleditor em.heavyHighlighted a:link:hover, .xmleditor em.heavyHighlighted a:visited:hover, .xmleditor em.heavyHighlighted a:link:active, .xmleditor em.heavyHighlighted a:visited:hover {
  color: #c3393c !important;
  font-style: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.1pt;
}

em.highlightedLink, .article em.highlightedLink a:link, .article em.highlightedLink a:visited,
.article em.highlightedLink a:link:focus, .article em.highlightedLink a:visited:focus,
.article em.highlightedLink a:link:hover, .article em.highlightedLink a:visited:hover,
.article em.highlightedLink a:link:active, .article em.highlightedLink a:visited:hover,
.xmleditor em.highlightedLink a:link, .xmleditor em.highlightedLink a:visited, .xmleditor em.highlightedLink a:link:focus, .xmleditor em.highlightedLink a:visited:focus,
.xmleditor em.highlightedLink a:link:hover, .xmleditor em.highlightedLink a:visited:hover, .xmleditor em.highlightedLink a:link:active, .xmleditor em.highlightedLink a:visited:hover {
  font-style: italic !important;
  font-weight: bold;
  color: #c3393c !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.1pt;
  line-height: 19px;
}

em.lightHighlightedLink, .article em.lightHighlightedLink a:link, .article em.lightHighlightedLink a:visited,
.article em.lightHighlightedLink a:link:focus, .article em.lightHighlightedLink a:visited:focus,
.article em.lightHighlightedLink a:link:hover, .article em.lightHighlightedLink a:visited:hover,
.article em.lightHighlightedLink a:link:active, .article em.lightHighlightedLink a:visited:hover,
.xmleditor em.lightHighlightedLink a:link, .xmleditor em.lightHighlightedLink a:visited, .xmleditor em.lightHighlightedLink a:link:focus, .xmleditor em.lightHighlightedLink a:visited:focus,
.xmleditor em.lightHighlightedLink a:link:hover, .xmleditor em.lightHighlightedLink a:visited:hover, .xmleditor em.lightHighlightedLink a:link:active, .xmleditor em.lightHighlightedLink a:visited:hover {
  font-style: italic !important;
  font-weight: normal !important;
  color: #c3393c !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  letter-spacing: 0.1pt;
  line-height: 19px;
}


/* necessairy for dropdown menue --> shall be aligned left */
a em.leftRightDistances {
  padding-left: 0;
  padding-right: 0;
}
/* Ticket 2010020710000026 */

/* Remarks within editor or MRP */
div.article span.remark, body.xmleditor span.remark {
  background-color: #ffff80;
}

/*
display style for article
*/

.titlepage h1.title {
  font-size: 15px;
  /*color: #9e0204;*/
  color: #c3393c;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin: 3px 11px 2px 0;
  line-height: 19px;
  display: inline;
  letter-spacing: 0.5pt;
  text-transform: uppercase;
}

.titlepage h2.subtitle {
  font-size: 15px;
  color: #626465;
  font-family:  Arial, Helvetica, sans-serif;
  display: inline;
  font-weight: normal;
  line-height: 19px;
  margin: 3px 0 2px 0px;
  padding: 0;
  letter-spacing: 0.5pt;
}

.titlepage h2.subtitlenewline{
  font-size: 15px;
  color: #626465;
  font-family:  Arial, Helvetica, sans-serif;
  font-weight: normal;
  display:block;
  line-height: 19px;
  margin: 3px 0 2px 0px;
  padding: 0;
  letter-spacing: 0.5pt;
}

.titlepageBottomline  {
   border-top: 1px solid #b5b5b5;
   /*margin: 2px  0 3px 0;*/
   margin: 2px  0 9px 0;
   height: 1px; overflow: hidden;
   padding: 0;
   clear: both;
}

.titlepage .sendWrapper {
  vertical-align: bottom;
  text-align: right;
}

.titlepage .titlesWrapper {
  padding-top: 2px;
}

.titlepage .send {
  padding-bottom: 4px;
}

.titlepage .send2 { /* Nötig wegen unterschiedlicher darstellung in "Listenansicht" und "Artikelansicht" */
  padding-bottom: 1px;
}

/*
links
*/

.article .section {
  margin-top: 14px;
}

.article .firstSection {
  margin-top: 0;
}

.article,
.searchForm .innerTable td,
.inputFormTable td,
.latestArticleContent div.article p,
div.article div.section p,
.latestArticleContent .articleLinkContainer
{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color: #626465;
  line-height: 19px;
  letter-spacing: 0.1pt;
  font-size: 11px;
}

.articlepreview .article {
  /*height: 63px;*/
}

.article a:link, .article a:visited, .article a:link:focus, .article a:visited:focus,
.article a:link:hover, .article a:visited:hover, .article a:link:active, .article a:visited:hover ,
.abstract a:link, .abstract a:visited, .abstract a:link:focus, .abstract a:visited:focus,
.abstract a:link:hover, .abstract a:visited:hover, .abstract a:link:active, .abstract a:visited:hover,
.xmleditor a:link, .xmleditor a:visited, .xmleditor a:link:focus, .xmleditor a:visited:focus,
.xmleditor a:link:hover, .xmleditor a:visited:hover, .xmleditor a:link:active, .xmleditor a:visited:hover
{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  color: #626465 !important;
  font-style: italic;
  font-size: 11px;
  letter-spacing: 0.1pt;
}

.article .lightHighlighted a:link, .article .lightHighlighted a:visited, .article .lightHighlighted a:link:focus, .article .lightHighlighted a:visited:focus,
.article .lightHighlighted a:link:hover, .article .lightHighlighted a:visited:hover, .article .lightHighlighted a:link:active, .article .lightHighlighted a:visited:hover ,
.abstract .lightHighlighted a:link, .abstract .lightHighlighted a:visited, .abstract .lightHighlighted a:link:focus, .abstract .lightHighlighted a:visited:focus,
.abstract .lightHighlighted a:link:hover, .abstract .lightHighlighted a:visited:hover, .abstract .lightHighlighted a:link:active, .abstract .lightHighlighted a:visited:hover,
.xmleditor .lightHighlighted a:link, .xmleditor .lightHighlighted a:visited, .xmleditor .lightHighlighted a:link:focus, .xmleditor .lightHighlighted a:visited:focus,
.xmleditor .lightHighlighted a:link:hover, .xmleditor .lightHighlighted a:visited:hover, .xmleditor .lightHighlighted a:link:active, .xmleditor .lightHighlighted a:visited:hover
{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  color: #c3393c !important;
  font-style: italic;
}

.imageArea a:link, .imageArea a:visited, .imageArea a:link:focus, .imageArea a:visited:focus,
.imageArea a:link:hover, .imageArea a:visited:hover, .imageArea a:link:active, .imageArea a:visited:hover
{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  color: #626465 !important;
  font-style: italic;
  /* Ticket: 2010021010000011 */
  font-size: 9px; /*11px;*/
  letter-spacing: 0;  /*0.5pt;*/
  line-height: 12px;  /*19px;*/
  padding: 7px 0 0 !important;
  /* Ticket: 2010021010000011 */
}

.article a:link, .article a:visited, .abstract a:link, .abstract a:visited, .xmleditor a:link, .xmleditor a:visited, {
    color: #626465;
}

/*.article .itemizedlist ul, .xmleditor .itemizedlist ul  {
  margin: 0;
  padding: 0;
}*/

/*.article ul {
  background-image: url(../img/gt_for_ul.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
}*/

/**
 * 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;*/
        margin: 11px 0 0 0;
        clear: both;
}
div.informaltable table, body.xmleditor table {
        width: 100%;
        /*table-layout: fixed;*/
        border-collapse: collapse;
        background-color: none;
        /*border: 1px solid #aaa;*/
        clear: both;
}
div.informaltable td, body.xmleditor td {
        font-weight: normal;
        /*border: 1px solid #aaa;*/
}
div.informaltable th, body.xmleditor th {
        font-weight: normal;
        /*background-color: #ccc;*/
        /*border: 1px solid #aaa;*/
}

div.informaltable table.InvertedHeader,
body.xmleditor table.InvertedHeader {
  background-color: #fff;
}
table.InvertedHeader td {
  background-color: #fff;
}
table.InvertedHeader th {
  background-color: #00427c;
  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: #00427c;
  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: #00427c;
  color: #fff;
}

div.informaltable table.ThinOutline, 
body.xmleditor table.ThinOutline {
  border: 1px solid #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 #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 #aaa;
}
table.ThickBorder td {
  background-color: #fff;
  border: 3px solid #aaa;
}
table.ThickBorder th {
  background-color: #f0f0f0;
  border: 3px solid #aaa;
}

div.informaltable table {
	clear: both;
}

div.informaltable table.TUVTab75, 
body.xmleditor table.TUVTab75 {
  width: 75%;
}


/*
  This Section is for the TUV customized teaser table
*/
div.informaltable table.TUVTabTeaser,
body.xmleditor table.TUVTabTeaser {
  float: right;
  border: none;
  margin: 10px 0 10px 10px;
  padding: 0;
  width: auto;
  height: auto;
  table-layout: auto;
  border: 1px solid #c9c9c9;
}

div.informaltable table.TUVTabTeaser td,
body.xmleditor table.TUVTabTeaser td,
div.informaltable table.TUVTabTeaser th,
body.xmleditor table.TUVTabTeaser th {
  border: none ;
  width: auto;
  vertical-align: top;
  padding: 5px;
}

div.informaltable table.TUVTabTeaser table,
body.xmleditor table.TUVTabTeaser table {
  width: auto !important;
  table-layout: auto !important;
}

div.informaltable table.TUVTabTeaser .mediaobject table,
body.xmleditor table.TUVTabTeaser .mediaobject table  {
  border: 0 !important;
}

/* overwrites rule from table.TUVTabTeaser td */
div.informaltable table.TUVTabTeaser .mediaobject table td,
body.xmleditor table.TUVTabTeaser .mediaobject table td {
  padding: 0;
}


/* Necessairy for format: Style-Default! */
.TUVTabTeaser em {
  font-style: normal;
  font-weight: bold;
  /*color: #C00F23;*/
}

/* Ticket 2010020710000026 */
/* TextStyle: leftRightDistances nedded by customer */
em.leftRightDistances {
  padding-left: 12px;
  padding-right: 12px;
  font-weight: normal;
}

/* Paragraph defaults in WebArticles */
div.article .TUVTabTeaser p, .TUVTabTeaser body.xmleditor p, .TUVTabTeaser div.article pre, .TUVTabTeaser body.xmleditor pre {
  /*letter-spacing: 0.1pt;*/
}

/*
  teaser table section over
*/


div.informaltable .Invisible, 
body.xmleditor .Invisible .mediaobject table  {
  border: none;
}

table.Invisible td, table.Invisible .mediaobject table {
  border: none ;
}

table.Invisible th, table.Invisible .mediaobject {
  border: none ;
}

.teaser h2.sectionTitle, .teaser div.mediaobject {
  margin: 0;
  padding: 0;
}

.imageSubtitle  {
  color: #626465;
  font-size: 9px;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  padding: 7px 0 0 0 !important;
  letter-spacing: 0;
  line-height: 12px;
}

.mediaobject table, div.informaltable table .mediaobject table, body.xmleditor table .mediaobject table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
  padding: 0;
  width: 1px !important; /* Wichtig! Damit die Bildunterschrift umgebrochen wird */
  table-layout: auto !important;
  background-color: none;
  border: none;
}

* html .mediaobject table, * html div.informaltable table .mediaobject table, * html body.xmleditor table .mediaobject table {
  margin: 0;
}

*+html .mediaobject table, *+html div.informaltable table .mediaobject table, *+html body.xmleditor table .mediaobject table {
  margin: 0;
}

.titlepage table  {
  width: 100%
}

#titlepageContent {
  width: 100%;
}

/* ToDo add tableStyles */
.informaltable .mediaobject td  {
  padding: 5px 5px 5px 5px;
}

/*.article .informaltable {
  line-height: 17px;
  letter-spacing: 0.1pt;
  font-size: 11px;
}*/

.downloadImage  {
  margin-left: 6px;
}

/*
  workarround itemizedList
*/

.listWrapperTable, body.xmleditor .listWrapperTable table {
  border: none !important;
  margin: 0;
  padding: 0;
}


/** Table styles */

div.informaltable table th p,
body.xmleditor table th p {
  margin: 0;
  padding: 0;
}

div.informaltable tfoot th,
body.xmleditor tfoot th {
  background-image: url(../img/ttf-center.png);
  background-repeat: repeat-x;
  background-color: transparent;
  height: 23px;
  vertical-align: center;
  padding: 0;
}

div.informaltable thead th,
body.xmleditor thead th {
  background-image: url(../img/tth-center.png);
  background-repeat: repeat-x;
  background-color: transparent;
  height: 30px;
  vertical-align: center;
  padding: 0;
}

div.informaltable thead th.tth-left,
body.xmleditor thead th.tth-left,
div.informaltable thead th.tth-right,
body.xmleditor thead th.tth-right,
div.informaltable tfoot th.ttf-left,
body.xmleditor tfoot th.ttf-left,
div.informaltable tfoot th.ttf-right,
body.xmleditor tfoot th.ttf-right {
  width: 6px;
  vertical-align: top;
}

div.informaltable td.ttc-left, body.xmleditor td.ttc-left {
  padding: 0;
  width: 6px;
  background-image: url(../img/ttc-left.png);
  background-repeat: repeat-y;
  background-color: transparent;
}

div.informaltable td.ttc-right, body.xmleditor td.ttc-right {
  padding: 0;
  width: 6px;
  background-image: url(../img/ttc-right.png);
  background-repeat: repeat-y;
  background-color: transparent;
}

div.informaltable .Invisible td.ttc-left, body.xmleditor .Invisible td.ttc-left,
div.informaltable .Invisible td.ttc-right, body.xmleditor .Invisible td.ttc-right {
  background: none;
}

.section div.informaltable table thead tr th, body.xmleditor table thead tr th,
.section div.informaltable table thead tr th p, body.xmleditor table thead tr th p {
  background-color: none;
  border: none;
  font-weight: normal;
  font-size: 13px;
  font-family: Arial;
  color: #626465;
  letter-spacing: 0.2pt;
}

div.informaltable table thead tr th em, body.xmleditor table thead tr th em {
  border: none;
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 13px !important;
  font-family: Arial !important;
}

/*div.informaltable table tbody td p, body.xmleditor table tbody td p {
  padding: 10px 0 14px 18px;
}

div.informaltable table tbody td.firstCol p, body.xmleditor table tbody td p {
  padding-left: 13px;
}*/

div.informaltable table tbody td, body.xmleditor table tbody td,
div.informaltable table tfoot th, body.xmleditor table tfoot th
{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  color: #626465;
  line-height: 19px;
  /* Bug 1292 --> letter-spacing: 0.5pt;*/
  font-size: 11px;
}

div.informaltable table, body.xmleditor table {
  table-layout: auto;
  width: 100%;
  font-size: 11px;
}

div.informaltable table.TUVTab td, body.xmleditor table.TUVTab td,
div.informaltable table.TUVTab75 td, body.xmleditor table.TUVTab75 td,
div.informaltable table td, body.xmleditor table td{
  border-bottom: solid 1px #D7E0DF;
  border-top: solid 1px #D7E0DF;
  border-left: 1px solid #D7E0DF;
}

/* Bug 1307 */
.itemizedlist .listWrapperTable td {
  border: none;
}

div.informaltable table.TUVTab tbody td, body.xmleditor table.TUVTab tbody td,
div.informaltable table.TUVTab75 tbody td, body.xmleditor table.TUVTab75 tbody td,
div.informaltable table tbody td, body.xmleditor table tbody td{
  padding-left: 6px;
  padding-top: 10px;
  padding-bottom: 14px;
  padding-right: 6px;
}

div.informaltable table.TUVTab tbody td.firstCol, body.xmleditor table.TUVTab tbody td.firstCol,
div.informaltable table.TUVTab75 tbody td.firstCol, body.xmleditor table.TUVTab75 tbody td.firstCol,
div.informaltable table tbody td.firstCol, body.xmleditor table tbody td.firstCol {
  padding-left: 1px;/* Must always be 5px less than in the block above!! --> td.ttc-left is 6px wide*/
}

div.informaltable table.TUVTab tbody td.lastCol, body.xmleditor table.TUVTab tbody td.lastCol,
div.informaltable table.TUVTab75 tbody td.lastCol, body.xmleditor table.TUVTab75 tbody td.lastCol,
div.informaltable table tbody td.lastCol, body.xmleditor table tbody td.lastCol {
  padding-right: 1px;/* Must always be 5px less than in the block above!! --> td.ttc-right is 6px wide*/
}

div.informaltable table.TUVTab td.firstCol, body.xmleditor table.TUVTab td.firstCol,
div.informaltable table.TUVTab75 td.firstCol, body.xmleditor table.TUVTab75 td.firstCol,
div.informaltable table td.firstCol, body.xmleditor table td.firstCol {
  border-left: none;
}

div.informaltable table.Invisible td, body.xmleditor table.Invisible td {
  border: none;
  border-top: none;
}

div.informaltable table.TUVTab td.ttc-left,
div.informaltable table.TUVTab75 td.ttc-left,
div.informaltable table td.ttc-left,
body.xmleditor table.TUVTab td.ttc-left,
body.xmleditor table.TUVTab75 td.ttc-left,
body.xmleditor table td.ttc-left{
  border-left: none;
  padding: 0;
}

div.informaltable table.TUVTab td.ttc-right,
div.informaltable table.TUVTab75 td.ttc-right,
div.informaltable table td.ttc-right,
body.xmleditor table.TUVTab td.ttc-right,
body.xmleditor table.TUVTab75 td.ttc-right,
body.xmleditor table td.ttc-right{
  border-left: none;
  padding: 0;
}

div.informaltable table.TUVTab .mediaobject table td, body.xmleditor table.TUVTab .mediaobject table td,
div.informaltable table.TUVTab75 .mediaobject table td, body.xmleditor table.TUVTab75 .mediaobject table td,
div.informaltable table .mediaobject table td, body.xmleditor table .mediaobject table td,
div.informaltable table.Invisible .mediaobject table td, body.xmleditor table.Invisible .mediaobject table td {
  border: none;
}

.hasHeader td {
  border-top: none !important;
}

.hasFooter td {
  border-bottom: none !important;
}

.mediaobject .imageSubtitle {
  text-align: center;
}