/*
 * Copyright 2002-2008 inxire GmbH. All rights reserved.
 * ------------------------------------------------------
 * Version: $Id: main.css,v 1.52.24.10.8.1.2.1 2009/06/05 14:41:14 amorgner 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: #fff;
}

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; line-height: 100%; margin: .75em 0;}
h2 { font-size: 1.17em; margin: 0.83em 0; }
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 }

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

/* 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;
  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: top; padding: 0 0px 1px 4px; }
div.directoryTree img.icon { padding: 0 4px 1px 4px; }

div.directoryTree a:link,        div.directoryTree a:visited        { padding: 0 4px 1px 0; text-decoration: none; color: #000; }
div.directoryTree a:focus                                           { padding: 0 4px 1px 0; text-decoration: none; color: #aaa; } /* :link:focus may confuse IE */
div.directoryTree a:link:hover,  div.directoryTree a:visited:hover  { padding: 0 4px 1px 0; text-decoration: underline; /* color: #aaa; */ }
div.directoryTree a:link:active, div.directoryTree a:visited:active { padding: 0 4px 1px 0; text-decoration: none; color: #aaa; }

/* current path and current node */
div.directoryTree em             { font-style: normal; padding: 0 4px 1px 0; }
div.directoryTree em.currentNode { background: #feecb3;}

div.directoryTree {
  margin: 0px 0px;
}

div.directoryTree .currentNode img.currentIcon,
div.directoryTree .currentNode em
{
  background: #feecb3;
}

/* disable line-breaks for tree entries */
div.treeFolder {
  white-space: nowrap;
  padding: 1px 0;
}

/* 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; */
  color: #eaa31a;
}

/* Article title within abstract */
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 Subtitle */
h2.subtitle {
  font-weight: normal;
  /* margin: 1.0em 0px; */
}

/* Abstract and Section Title */
div.article p.title, body.xmleditor p.title,
h2.sectionTitle {
  font-weight: bold;
  color: #454444;
}

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! */
  color: #454444;
}

/* Remove lower margin in abstract only */
div.article div.abstract p {
  margin-bottom: 0px;
  
}

/* 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 */
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: 0em ! important; }
ol.compact pre, ul.compact pre { margin: 0em ! important; }
ol.compact div.mediaobject, ul.compact div.mediaobject { margin: 2px 0 ! important; }
ol.compact div.informaltable, ul.compact div.informaltable { margin: 2px 0 ! important; }
ol div.mediaobject, ul div.mediaobject { text-align: left; margin-left: 0 ! important; }
ol div.informaltable, ul div.informaltable { margin-left: 0 ! important; }
/* 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 ! important; }
ol.compact table pre, ul.compact table pre { margin: 1.12em 0 ! important; }
ol table div.mediaobject, ul table div.mediaobject { text-align: center; margin: 0.25em 0.5em ! important; }


/* 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:italic;
}
EM.underline{
        font-style:normal;
        text-decoration: underline;
}
EM.bold {
        font-style:normal;
        font-weight: bold;
}
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;
        clear: both;
}
div.informaltable table, body.xmleditor table {
        width: 80%;
        table-layout: fixed;
        border-collapse: collapse;
        background-color: #fff;
        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: bold;
        background-color: #f0f0f0;
        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;
}


/* **************************************** *
 *  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;
  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: 374px ! important;
  margin-left: auto;
  margin-right: auto;
  color: #818e9e;
}