/*
 * Copyright 2002,2003, 2004 inxire GmbH. All rights reserved.
 * ------------------------------------------------------
 * Version: $Id: main.css,v 1.27.8.12 2005/02/08 15:53:39 hkeller Exp $
 *
 * Cascading Stylesheet (CSS 1.0)
 *
 * Main CSS stylesheet to define the layout and general
 * appearance of inxire iO.
 *
 * 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: 12px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
}

html, body {   /* "html" is needed by mozilla, see http://www.quirksmode.org/css/100percheight.html */
  height: 100%;
}

/* Set font-family with body tag and all pre-set tags */
body, table, select, input {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;  /* keep synchronized with pre.literllayout !! */
}

pre, textarea {
  font-family: monospace;
}


/* Reset pre-set tags to default fonts size and wight */
table, select, input, textarea, fieldset {
  font-weight: normal;
  font-size: 1em;       /* means: inherit font-size */
  color: #000;
}


/* Set headings */
h1 { font-size: 1em }    /* W3C-Vorgabe: 2em */
h2 { font-size: 1em;}    /* article title    // W3C-Vorgabe: 1.5em */
h3 { font-size: 1em; color: #c80f14; }    /* article subtitle // W3C-Vorgabe: 1.17em */
h4 { font-size: 1em }    /* W3C-Vorgabe: 1.0em */


/* Default link styles */
/* a         { text-decoration: none; color: #000; }     to not change anchor layout !! */
a:link    { text-decoration: none; color: #526bad; }
a:visited { text-decoration: none; color: #526bad; }
a:hover   { text-decoration: underline; color: #526bad; }
a:active  { text-decoration: underline; color: #526bad; }

/* Background settings for block-level elements */
table, tr, td, p, div, span {
  background-color: transparent;
  background-repeat: no-repeat;
/*
  margin: 0px;
  padding: 0px;
*/
}

/* Image Defaults */
img {
  border: none;
}

/* Horizontal Ruler */
hr {
  /* line-height: 1px;  /* HMK: needed ??? */
  height: 1px;
  border: none;
}


/* ********************************************************************** *
 * No element defaults should follow after this line !!                   *
 * ********************************************************************** */


/* ******************************************************************************** *
 * CSS rules for special page elements like naviagtion 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 ... )
 */

/* e.g. used for buttons */
input.img {
  border: none;
}

/* other buttons ?? */
input.button {
  border-style: ridge;
  border: 1px outset white;
  background-color: #eee;
}

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

/* 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 {
  ;   /* !! do not write anything 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 {
  border-color: #c80f14;
  /* color: red; */
}


/*
 * Navigation Tree (see navigationTree.css)
 */
div.treePrefix { display: none }
div.directoryTree img { vertical-align: middle }
div.directoryTree a:link    { text-decoration: none }
div.directoryTree a:visited { text-decoration: none }
div.directoryTree a:hover   { text-decoration: none }
div.directoryTree a:active  { text-decoration: none }


/*
 * Item and member listings
 * Attention: used in browse and explore view (popups)
 */
table.objectList {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  border-collapse: collapse;
}

table.objectList th {
  text-align: left;
  background-color: #fafafa;
  border-bottom: 1px solid #ccc;
}

table.objectList td {
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  /* white-space: nowrap; will make work list unusable :-( */
}

table.objectList img { vertical-align: middle;  border: none }
table.objectList a:link,
table.objectList a:visited,
table.objectList a:hover,
table.objectList a:active  { text-decoration: none }


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


/*
 * Error formatting
 */
.errorMessage {color : #c80f14}


/* ******************************************************************************** *
 * Style classes for WebArticles                                                    *
 * (inside div.article or body.xmleditor)                                           *
 * ******************************************************************************** */

/* Define Font and line spacing for articles */
div.article, body.xmleditor {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;    /* Different from rest of page !? */
  font-size: 12px;
  line-height: 20px;
}

/* Some special margin for stand-alone rendering */
div.standAloneBox { margin: 0.5em; }

/* Article title for Stadt Mannheim */
div.articleTitle {    /* HMK: use surrounding div to allow margin collapsing */
  line-height: 14px;
  margin: 17px 0px;
  width: 100%;        /* HMK: otherwise IE 5.5 will enlarge table sometimes :-( */
}
div.articleTitle table {
  padding: 0px;
  margin: 0px;        /* HMK: moved to surrounding div to avoid collapsing-table-margin incompatibilities */
  border-collapse: collapse;
  width: 100%;        /* HMK: otherwise IE 5.5 will enlarge table sometimes :-( */
}

td.articleTitleBar {
  width: 25px;
  height: 14px;      /* HMK: must be greater than line-height !! */
  padding: 0px;
  vertical-align: top;
}

div.rightMenuBody td.articleTitleBar {
  width: 0px;
  height: 0px;      /* HMK: must be greater than line-height !! */
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

td.articleTitleBar div {
  background-color: #40637a;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  margin-top: 2px;
  padding: 0px;
}

div.rightMenuBody td.articleTitleBar div {
  height: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}


td.articleTitleText {
  color: #c80f14; 
  font-weight: bold;
  padding: 0px 5px;
}

div.rightMenuBody td.articleTitleText {
  color: #c80f14; 
  font-weight: bold;
  text-align: left;
  padding: 0px;
}


/* Article Subtitle */
div.article h3.subtitle, body.xmleditor h3.subtitle {
  margin-top: 14px; 
  margin-bottom: 14px;
  /* line-height: 14px; */
}

/* Abstract and Section Title */
div.article p.title, body.xmleditor p.title {
  font-weight: bold;
  color: #c80f14;       /* HMK: violates Mannheim Styleguide -> authors use P/EM instead of section title !! */
  /* line-height: 14px; */
}

/* Paragraph defaults in WebArticles */
div.article p, body.xmleditor p, div.article pre, body.xmleditor pre {
  margin-top: 14px; 
  margin-bottom: 14px;
}

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

/* Author and Corpauthor */
p.author { font-style:italic; }

/* Article Links */
div.article a:link,
div.article a:visited,
body.xmleditor a:link,
body.xmleditor a:visited
{
  text-decoration: none;
}

div.article a:hover,
div.article a:active,
body.xmleditor a:hover,
body.xmleditor a:active
{
  text-decoration: underline;
}

/* Align left and add some border !!! may be overwritten in XSLT for align left|right !!! */
div.mediaobject       { text-align: left; margin: 5px 8px 5px 0px; }
div.mediaobject-intro { float: left; margin: 5px 8px 5px 0px; }

div.mediaobject img, div.mediaobject object {
  /* margin: 10px 8px 5px 0px;    moved to div.mediaobject with release 3.0.2 */
}

/* Formatting of small preview image (abstract) */
img.titleImageSmall, object.titleImageSmall { 
  /* text-align: left ! important;  not working if "img/@align" is specified ! */
  /* width: 100px ! important;    machmal grösser, siehe "Bildung^2" */
  /* margin: 5px 8px 5px 0px;   moved to div.mediaobject with release 3.0.2 */
  vertical-align: top;     /* helps IE 5.5 to avoid spurious spacing */
}

/* Special formatting within lists */
/* make list compact by default
li p { margin: 0em; }
li pre { margin: 0em; }
li div.mediaobject { text-align: inherit; margin: 0em; }
*/
/* Alternative: allow non-compact lists with multiple paragraphs */
ol.compact p, ul.compact p,
ol.compact pre, ul.compact pre {
  margin: 0em; 
}
ol.compact div.mediaobject, ul.compact div.mediaobject {
  margin: 2px 2px 2px 2px; 
}


/* 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: Verdana, Arial, Helvetica, Sans-Serif; }
p.literallayout   { white-space: nowrap; }


/* Emphasis classes, see "txtStyles.css" for all styles available in article editor  */

/**
 * 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: 0px;
        clear: both;
}
div.informaltable table, body.xmleditor table {
        /* width: 80%; */
        /* table-layout: fixed; */
        border-collapse: collapse;
        background-color: #fff;
        border: 1px solid #aaa;
}
div.informaltable td, body.xmleditor td {
        font-weight: normal;
        border: 1px solid #aaa;
        /* vertical-align: top;        /* default is center in most browsers !! */
        padding: 5px;
        line-height: 20px;
}
div.informaltable th, body.xmleditor th {
        font-weight: bold;
        background-color: #f0f0f0;
        border: 1px solid #aaa;
        /* vertical-align: top;        /* default is center in most browsers !! */
        /* text-align: left;   HMK: will overwrite table cell settings !! */
        padding: 5px;
        line-height: 20px;
}
/* Reduce margin for P and PRE 
div.informaltable td > p:first-child, div.informaltable td > pre:first-child
{
  margin-top: 0px;
  margin-bottom: 0px;
}
*/

/* ... or remove all upper margins inside table ??
div.informaltable td p, div.informaltable td pre
{
  margin-top: 0px;
}
*/

/* ... or absorb top and bottom margins (experimental) */
div.informaltable td div.marginAbsorber {
  margin: -14px 0px;     /* reduce margins */
}
div.informaltable td div.marginNormaliser {
  margin: 14px 0px;      /* this margins will collapse with embedded margins */
}


div.informaltable table.InvertedHeader100,
body.xmleditor table.InvertedHeader100 {
  table-layout: fixed;
  width: 420px;  /* 460px ?? */
  background-color: #fff;
  border: 2px solid #ffffff;
}
table.InvertedHeader100 td {
  background-color: #dfe5ea;
  border: 2px solid #ffffff;
}
table.InvertedHeader100 th {
  background-color: #40637a;
  color: #fff;
  border: 2px solid #ffffff;
}

div.informaltable table.InvertedHeader,
body.xmleditor table.InvertedHeader {
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
table.InvertedHeader td {
  background-color: #dfe5ea;
  border: 2px solid #ffffff;
}
table.InvertedHeader th {
  background-color: #40637a;
  color: #fff;
  border: 2px solid #ffffff;
}

div.informaltable table.NoBorderInvertedHeader,
body.xmleditor table.NoBorderInvertedHeader {           /* only for display, disabled in editor (see tblStyles.css) */
  background-color: #ffffff;
  border: none;
}
table.NoBorderInvertedHeader td {
  background-color: #dfe5ea;
  border: none;
}
table.NoBorderInvertedHeader th {
  background-color: #40637a;
  color: #fff;
  border: none;
}

div.informaltable table.NoBorder, 
body.xmleditor table.NoBorder {
  border: none;
}
table.NoBorder td {
  border: none ;
}
table.NoBorder th {
  border: none ;
  background-color: #ffffff;
  text-align: left;
}

div.informaltable table.NoBorder100, 
body.xmleditor table.NoBorder100 {
  border: none;
  table-layout: fixed;
  width: 420px;  /* 460px ?? */
}
table.NoBorder100 td {
  border: none;
}
table.NoBorder100 th {
  border: none;
  background-color: #ffffff;
  text-align: left;
}


/*
 * Special image table for mannheim.
 * This table removes any border and margin from the table 
 * and all included images (not supported within edditor !!) 
 */
div.informaltable table.NoBorderImageTable,
body.xmleditor table.NoBorderImageTable {
  border: none;
}
table.NoBorderImageTable td {
  border: none;
  padding: 0px;
}
table.NoBorderImageTable th {
  border: none;
  padding: 0px;
}
table.NoBorderImageTable div.mediaobject {
  margin: 0px;
}



/** The following may be used as 'blind table' for tricky layouts ... */
/*  *** disabled for mannheim ***
div.informaltable table.FullWidthNoBorder, 
body.xmleditor table.FullWidthNoBorder {
  width: 100%;
  border: none;
}
table.FullWidthNoBorder td {
  border: none;
}
table.FullWidthNoBorder th {
  border: none;
}
*/

/*  *** disabled for mannheim ***
table.NoWrap {
  white-space: nowrap;
}
table.NoWrap td {
  white-space: nowrap;
}
table.NoWrap th {
  white-space: nowrap;
}
*/

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

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

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

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

/* The following is for testing only ... 
div.article, div.titlepage, div.articleTitle, div.abstract, div.section, div.mediaobject, div.mediaobject-intro {
  border: 1px solid green;
}
div.article, body.xmleditor {
  border: 1px solid blue;
}

div.articleTitle table, div.article p {
  border: 1px solid red;
}
*/

#mainTable {
  margin: 0px;
  padding: 0px;
  height: 100%;
  border-collapse: collapse;
}

#outerLogin {
  width: 100%;
  text-align: center;   /* needed for IE 5.5 to center loginBox */
}

#loginBox {
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  text-align: left;
  width: 200px;
}

#loginBox .big {
  font-size: 1.2em;
  font-weight: bold;
}

#loginBox .veryBig {
  font-size: 2.0em;
  font-weight: bold;
  border-bottom: 3px solid #ccd6e0;
}


#leftColumnBox {
  height: 100%;
  width: 160px;
  text-align: left;
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  background: url('../img/left_menu_bg.gif');
  background-repeat: repeat-y;
}

#middleColumnBox {
  height: 100%;
  text-align: left;
  width: 460px;      /* 440px ??  HMK: keep synchronized with width of "empty.gif" */ 
  min-width: 460px;  /* 440px ??  HMK: keep synchronized with width of "empty.gif" */ 
  vertical-align: top;
  margin: 0px;
  padding: 10px 15px 0px 0px;    /* HMK: width + padding must be 475px !! */
  /* border: 1px solid magenta; */
}

.rightColumnBox {   /* anpassung mannheim: ID-Ref -> CSS-Klasse */
  height: 100%;
  width: 180px;     /* tota1: 180px + 15px padding = 195px */
  text-align: left;
  vertical-align: top;
  padding: 0px 15px 0px 0px;
  margin: 0px;
}

#footerBox {
  color: #aaa;
  text-align: right;
  border-top: 1px solid #ccc;
}

.areaHeader {
  padding: 2px;
  margin: 2px 2px 2px 2px;
  background-color: #e4e7f1;
  border-top: 1px solid #d2dbe8;
  border-bottom: 1px solid #d2dbe8;
}

.contentArea {
    width: 440px;
  /* padding: 2px; */
  /* margin: 2px 2px 8px 2px; */
  /* border-bottom: 1px solid #045489; */
  /* border: 1px solid yellow; */
}

.item {
  padding: 2px;
  white-space: nowrap;
}

.item img, .areaHeader img, {
  vertical-align: middle;
}

.moreLink img {
  vertical-align: middle;
}

.moreLink {
  clear: both;
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: right;
  font-size: 10px;
}


/* hr.articleSeparator {         /* horizontal ruler below abstract */
/*  color: #40637A;             /* used by IE 5.5 */
/*  background-color: #40637A;  /* used by Mozilla, Opera, NS 7 ... */
/*  height: 1px; */
/*  margin: 5px 0px 20px 0px;    /* 25px bottom ?? */
/* } */

div.articleSeparator {           /* HMK: use <div class="articleSeparator"></div> */
  border-top: 1px solid #40637A; 
  margin: 9px 0px 25px 0px;
  clear: both;
}


.articleFooter {        /* printView and sendArticle links for mannheim */
  clear: both;
  text-align: right;
  font-size: 10px;
  line-height: 12px;    /* 1.0em */
  color: #526bad;
  margin: 28px 0px 14px 0px;
}


.searchResults, .searchResults div.article {
  line-height: 14px;
}

.searchTitle, .searchTitle a:link, .searchTitle a:visited, .searchTitle a:hover, .searchTitle a:active {
  color: #526bad;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
}

.searchSubtitle, .searchSubtitle a:link, .searchSubtitle a:visited, .searchSubtitle a:hover, .searchSubtitle a:active {
  color: #c80f14;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
}

.searchResults div.article div.abstract p {
  margin: 5px 0px;
}

.searchResults p.eventLocation {
  font-weight: bold;
  margin: 0px 0px 5px 0px;
}

.searchResults table {
  /* border: 1px solid red; */
  border-collapse: collapse;
}

.searchResults td.leftColumn {
  width: 120px;
  vertical-align: top;
  padding: 5px 5px 5px 0px;
}

.searchResults td.rightColumn {
  width: 420px;
  vertical-align: top;
  padding: 5px 0px 5px 5px;
}

.searchResults td.eventSchedule {
  width: 220px;
  vertical-align: top;
  padding: 5px 5px 5px 0px;
}

.searchResults td.eventDescription {
  width: 320px;
  vertical-align: top;
  padding: 5px 0px 5px 5px;
}

.scoreBarOuterBox {
  margin: 2px 0px;
  border: 1px solid #ccc;
  width: 100px;
}

.scoreBarInnerBox {
  background-color: #40637a;
  margin: 0px;
  padding: 0px;
  font-size: 6px;  /* IE 5.5 will not make box smaller than font-size+2 */
  height: 8px;
  /* width is specified dynamicly by "style" attribute */
}


/* *****  start ergänzungen mannheim ***** */

#mainPage {
  height: 100%;
}

#printView {
  padding: 0px 50px 0px 50px;
  /* width: 90%; */
}


/* ********************************** *
 *           Header box               *
 * ********************************** */

/*
 * Attention: 'width' and 'height' are interpreted differently by IE and Mozilla:
 * IE 5.5:  content + padding + border (which is **wrong** according to W3C/CSS2)
 * Mozilla: only content dimensions **without** padding  and border (which is right, but strange)
 *
 * => DO NOT specify width/height together with border or padding !!
 *    (for example specify width/height on inner box and padding/border on outer)
 *
 * Hint: in table cells IE 5.5 behaves like Mozilla ...
 */

#headerBox {
  /*width: 1010px; 100%;*/
  width: 815px;
  color: #fff;
  /* height: 67px;  HMK: do not define height and border, interpreted wrong by IE !! */
  margin: 0px;
  padding: 0px;
/* vertical-align: middle;   HMK: results in spurious line above box with IE 5.5 -> moved to #headerBox table */
  background: url('../img/20home_hg2.gif');
  background-repeat: no-repeat;
  border-bottom: 1px solid  #fff;
  /* border: 2px solid red; */
}

/* ********************************** *
 *      Right Banner Column  and related stuff      *
 * ********************************** */

.aboveRightBannerBox {
  height: 56px;
  width: 120px;
  background-color: #fff;
  padding: 0px;
  margin: 0px;
}

.rightBannerBox {
  height: 100%;
  width: 120px;
  text-align: left;
  background: url('../img/right_menu_bg.gif');
  background-repeat: repeat-y;
  margin: 0px;
  padding: 0px;
  /* color: #102144; visible anywhere ?? */
  color: #526bad;
  font-size: 10px;
  line-height: 14px;
}

.rightBannerHeader {
  margin: 0px;
  padding: 2px 0px 2px 0px;
  background: url('../img/right_menu_header_bg.gif');
  background-repeat: repeat-y;
  background-position: right;
  width: 120px;
  /*height: 14px;*/        /* padding is added in all browser -> 14+2+2 = 18px total (IE only, if no border) */
}

#headerBoxStart {
  /*width: 1010px; 100%;*/
  width: 950px;
  color: #fff;
  /* height: 67px;  HMK: do not define height and border, interpreted wrong by IE !! */
  margin: 0px;
  padding: 0px;
/* vertical-align: middle;   HMK: results in spurious line above box with IE 5.5 -> moved to #headerBox table */
  background: url('../img/20home_hg2.gif');
  background-repeat: no-repeat;
  border-bottom: 1px solid  #fff;
  /* border: 2px solid red; */
}

#searchBoxStart {
  white-space: nowrap;
  margin: 0px;
  padding: 10px 10px 0px 20px;   /* 10px 0px 0px 20px; */
  text-align: left;
  vertical-align: middle;
  /* border-right: hidden;  HMK:  none ?? */
  width: 321px;  /* 177px; */
}

#headerBoxStart td, #headerBoxStart a:link, #headerBoxStart a:visited, #headerBoxStart a:hover, #headerBoxStart a:active {
  color: #fff;
}

#headerBoxStart table {
  border-collapse: collapse;
  vertical-align: top;
  text-align: left;
  font-size: 10px;
  line-height: 100%;   /* HMK: will be inherited as relative value !! */
  /* border: 2px solid yellow; */
}

/*********************************
* Ende Right Banner Column  and related stuff   
**********************************/


#headerBox td, #headerBox a:link, #headerBox a:visited, #headerBox a:hover, #headerBox a:active {
  color: #fff;
}

#headerBox table {
  border-collapse: collapse;
  vertical-align: top;
  text-align: left;
  font-size: 10px;
  line-height: 100%;   /* HMK: will be inherited as relative value !! */
  /* border: 2px solid yellow; */
}

/*
#headerBox td {
  border: 2px solid green;
}
*/

#logoBox {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #fff;
}

#dateBox {
  width: 163px; /*um 72 pixel verschmälert wg. logo */
  margin: 0px;
  padding: 16px 7px 0px 7px;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #fff;
}

#sitemapBox {
  width: 135px;
  margin: 0px;
  padding: 22px 7px 0px 0px;
  vertical-align: top;
  text-align: right;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#sitemapBox img {
  vertical-align: middle;
}

#searchBox {
  white-space: nowrap;
  margin: 0px;
  padding: 10px 10px 0px 20px;   /* 10px 0px 0px 20px; */
  text-align: left;
  vertical-align: middle;
  /* border-right: hidden;  HMK:  none ?? */
  width: 186px;  /* 177px; */
}

#searchBox input {
  /* font-size: 1.0em; */
  border-left: 2px ridge #999;
  border-top: 2px ridge #999;
  border-right: 2px ridge #b8bcc7;
  border-bottom: 2px ridge #bcbdc7;
  vertical-align: middle;
}

#searchBox img {
  vertical-align: middle;
}

#searchBox form {
  margin: 0px;
  /* border: 1px solid red; */
}

#rnd-logo {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #fff;
  /* background-color: transparent; */
  border-left: 1px solid #fff;
}


#arrowBox {
  margin: 0px;
  padding: 0px;
  border-right: 1px solid #fff;
  width: 41px;
/*  border-top: 1px solid #fff;*/
  vertical-align: top;      /* needed by mozilla */
}


#homeBox {
  margin: 0px;
  padding: 3px 0px 0px 0px;
  text-align: center;
  vertical-align: top;
/*  border-top: 1px solid #fff;*/
  min-width: 99px;
  width: 99px;
}

#homeBox .par {           /* span around '[' and ']' in homeBox */
  font-size: 1.2em;
  color: #b9cdde;
  font-weight: bold;
  vertical-align: middle;
}

#homeBox a {             /* needed by Mozilla, ignored by IE 5.5 */
  vertical-align: middle;
}


#menuBox {
  vertical-align: top;
  text-align: left;
  margin: 0px;
  padding: 0px;
  width: 460px;
  border-right: 1px solid #fff;
  height: 21px;    /* 20px;  HMK: make fit to 20home_arrow.jpg */
}

* html #menuBox {
  padding-right: 12px;
}

#menuBox div {
  float: left;
  margin: 0px;
  /* height: 13px;   HMK: do not use together with padding, see comment above */
  line-height: 15px;    /* applies to enclosed inline elements */
  padding: 2px 8px 3px 7px;
  border-left: 1px solid #fff;
}

/*
#menuBox div a { 
  vertical-align: middle;
}
*/

#keywordBox {
  white-space: nowrap;
  margin: 0px;
  padding: 0px 0px 0px 20px;  /* 0px 0px 0px 20px; */
  text-align: left;
  vertical-align: middle;
  /* border-right: hidden;  HMK: means 'none' ?? */
  width: 198px;  /* 177px; */
}

#keywordBox select {
  margin: 0px;
  vertical-align: middle;
}


#rnd-logo2 {
  margin: 0px;
  padding: 0px;
  /* background-color: transparent; */
  border-left: 1px solid #fff;
  vertical-align: top;      /* needed by mozilla */
}


/* ********************************** *
 *       Left navigation menu         *
 * ********************************** */

#leftMenuBox {
  height: 100%;
  width: 140px;
  text-align: left;
  vertical-align: top;
  background: transparent;
  margin: 0px;
  padding: 28px 0px 0px 0px;  /* warning: padding collapse with margins in IE 5.5 !! (should not according to W3C/CSS2) */
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  /* border: 1px solid blue; */
}


#leftMenuBox a:link, #leftMenuBox a:visited, #leftMenuBox a:hover, #leftMenuBox a:active {
  color: #fff;
}

.menuItemLevel0 {
  padding: 7px 2px 7px 16px;
}

.menuItemCurrLevel0 {
  margin-top: 7px;
  padding: 7px 2px 7px 16px;
  background: url('../img/left_menu1_bg.gif');
  background-repeat: repeat-y;
  /* border: 1px solid yellow; */
}

.menuItemLevel1 {
  padding: 0px 2px 5px 16px;
  background: url('../img/left_menu2_bg.gif');
  background-repeat: repeat-y;
}


.menuItemCurrLevel1 {
  padding: 0px 2px 5px 16px;
  background: url('../img/left_menu2_bg.gif');
  background-repeat: repeat-y;
  font-weight: bold;
}

.menuItemTopLevel1 {
  padding: 5px 2px 5px 16px;
  background: url('../img/left_menu2_bg.gif');
  background-repeat: repeat-y;
}

.menuItemTopCurrLevel1 {
  padding: 5px 2px 5px 16px;
  background: url('../img/left_menu2_bg.gif');
  background-repeat: repeat-y;
  font-weight: bold;
}

.menuItemBottomLevel1 {
  padding: 0px 2px 5px 16px;
  margin-bottom: 5px;
  background: url('../img/left_menu2_bg.gif');
  background-repeat: repeat-y;
  border-bottom: 1px solid #c80f14;
}

.menuItemBottomCurrLevel1 {
  padding: 0px 2px 5px 16px;
  margin-bottom: 5px;
  background: url('../img/left_menu2_bg.gif');
  background-repeat: repeat-y;
  border-bottom: 1px solid #cd001f;
  font-weight: bold;
}


/* ********************************** *
 *      Right navigation menu         *
 * ********************************** */

.aboveRightMenuBox {
  height: 56px;
  width: 180px;
  background-color: #fff;
  padding: 0px;
  margin: 0px;
}

.rightMenuBox {
  height: 100%;
  width: 180px;
  text-align: left;
  background: url('../img/right_menu_bg.gif');
  background-repeat: repeat-y;
  margin: 0px;
  padding: 0px;
  /* color: #102144; visible anywhere ?? */
  color: #526bad;
  font-size: 10px;
  line-height: 14px;
}


#rightMenuBox a:link, #rightMenuBox a:visited, #rightMenuBox a:hover, #rightMenuBox a:active {
  color: #526bad;
}


.rightMenuHeader {
  margin: 0px;
  padding: 2px 0px 2px 0px;
  background: url('../img/right_menu_header_bg.gif');
  background-repeat: repeat-y;
  width: 180px;
  /*height: 14px;*/        /* padding is added in all browser -> 14+2+2 = 18px total (IE only, if no border) */
}

.rightMenuLevel0 {
  padding: 0px;
  margin: 10px 2px 5px 15px;
  /* padding: 5px 2px 5px 16px; */
}

.rightMenuLevel0 a.currPath:link, .rightMenuLevel0 a.currPath:visited, .rightMenuLevel0 a.currPath:hover, .rightMenuLevel0 a.currPath:active {
  color: #cd001f;
  font-weight: normal;
}

.rightMenuLevel1 {
  padding: 0px;
  margin: 10px 2px 5px 23px;
  /* padding: 0px 2px 5px 24px; */
}

.rightMenuLevel1 a.currPath:link, .rightMenuLevel1 a.currPath:visited, .rightMenuLevel1 a.currPath:hover, .rightMenuLevel1 a.currPath:active {
  font-weight: bold;
}


.rightMenuBody p {
  margin: 0px ! important;
/*  margin-top: 10px ! important;*/
/*  margin-left: 15px;*/
}

/* Overwrite web article setting in main.css */
.rightMenuBody div.article {
  font-size: 10px;
  line-height: 14px;
}

.rightMenuBody div.article p {
  padding: 10px 0px 0px 15px;
}

.rightMenuBody div.article p.title {
  padding-top: 0px;
}

.rightMenuBody div.article img, .rightMenuBody div.article div.mediaobject {
  margin: 0px;
}

.rightMenuBody div.article a:link, .rightMenuBody div.article a:visited, .rightMenuBody div.article a:hover, .rightMenuBody div.article a:active {
/*  padding: 12px 0px 0px 15px;*/
  color: #526bad;
  /* font-size: 10px;  HMK: never specify font-size in anchor - will brake layout */
}


/* ********************************** *
 *             Sitemap                *
 * ********************************** */

.sitemapTree {
  font-size: 10px;
  line-height: 14px;
}

.sitemapEntry0 {
  /* color: #526bad;  move this to enclosing div */
  padding-left: 0px;
}

.sitemapEntry1 {
  padding-left: 20px;
}

.sitemapEntry2 {
  padding-left: 40px;
}

.sitemapEntry3 {
  padding-left: 60px;
}

.sitemapEntry4 {
  padding-left: 80px;
}

.sitemapEntry5 {
  padding-left: 100px;
}

/* TODO define some surrounding DIV */
a.currPath, a.currPath:visited {
  font-weight: bold;
}


/* ********************************** *
 *           Content Box              *
 * ********************************** */

#pathBox {
  height: 27px;
  text-align: left;
  font-size: 10px;
  line-height: 12px;
  padding-bottom: 0px;
  color: #526bad;
  /* border: 1px solid red; */
}

#contentBox {
  /* padding-top: 8px; */
  /* border: 1px solid red; */
  font-size: 12px;
  line-height: 20px;
}

/*
#contentBox input, #contentBox select, #contentBox textarea {
  font-size: 10px;
}
*/

#contentBox table.inputFormTable {
  margin: 0px;
  border-collapse: collapse;
}

#contentBox table.inputFormTable td {
  padding: 2px 2px 2px 0px;
}