/*  content:
    ------------------
    GENERAL
    FONTS
    GRID
    AREAs
    SUBLAYOUTs
    BREADCRUMB
    GLOBAL
    LEFT MENU
    FRONTPAGE & DOCUMENT
    SPOTS

    TOPBAR
    TOPMENU
    TOPICONS
    LEFT COLUMN
    LEFTMENU
    ARROWS
    CENTER COLUMN
    RIGHT COLUMN
    BOTTOM
    --
    MISCELLANEOUS
    --

*/


/* ----- GENERAL ----- */

img { border: none; }


/* ----- FONTS ----- */

body { height: 100%; margin: 0px; font-family: verdana, sans-serif; font-size: 0.6em; }

/*
td 
{
        font-family: verdana, sans-serif;
        font-size: 0.6em;
}
*/

h1 { font-size: 1.2em; font-weight: bold; margin: 18px 0px 14px 0px; padding: 0px; color: #333; }

/*  not in use
h2
{
  font:bold 10px verdana;
  margin:0px 0px 19px 0px;
}

h3
{
  font:bold 10px verdana;
  margin:0px 0px 0px 0px;
}
*/

h2, h4 { font-size: 1em; font-weight: bold; margin: 14px 0px 0px 0px; padding: 0px; color: #333; }

p { font-size: 1em; color: #333; margin: 0px; }

p.abstract { /* font-weight: bold; */ margin: 0px 0px 14px 0px; }

p.date { margin: 0px 0px 14px 0px; }

p.time { margin: -14px 0px 14px 0px; }

a { color: #333; text-decoration: underline; }

a:hover { text-decoration: underline; }



/* ----- GRID ----- */

div.siteArea { height: 100%; width: 760px; margin: 0 auto; }



/* ----- AREAs ----- */

body.areaBody { color: #333333; }

div.areaIdentity { width: 100%; position: relative; }

img.identityImage { width: 100%; }

div.areaIdentity div.identityName div { padding-top: 10px; margin-left: -24px; text-align: right; z-index: 50; width: 100%; position: absolute; }

img.topImage { width: 100%; height: auto; }

div.areaTopImage div.topimageName { position: absolute; padding: 28px 0px 0px 24px; }

div.areaBreadcrumb, div.areaFooter { width: 100%; }

div.areaFooter { height: 19px; }

div.areaFooter a { text-decoration: none; color: #FFFFFF; }

div.areaGlobal { float: right; padding: 0px 8px 0px 0px; }

div.areaGlobal a.LanguageButton { vertical-align: super; text-decoration: none; color: white; margin-right: 5px; }


div.areaSublayout { background-color: #CCCCCC; padding: 6px 0px 6px 0px; clear: both; }



/* ----- SUBLAYOUTs ----- */

table.sublayoutTable { width: 100%; table-layout: fixed; }

table.sublayoutTable td.leftcol, table.sublayoutTable td.centercol, table.sublayoutTable td.rightcol, table.sublayoutTable td.spacecol { vertical-align: top; padding: 0px; }

table.sublayoutTable td.leftcol, table.sublayoutTable td.rightcol { width: 201px; background-color: #FFFFFF; }

table.sublayoutTable td.centercol { background-color: #FFFFFF; padding: 0px 4px 20px 4px; }

table.sublayoutTable td.centercol span.SearchWord { background-color: #CC0000; color: #FFFFFF; }


table.sublayoutTable td.frontcol { padding: 0px 4px 20px 4px; }

table.sublayoutTable td.spacecol, table.sublayoutTable td.spacecol img { width: 6px; }

table.sublayoutTable td div.columnDivider { height: 6px; background-color: #CCCCCC; line-height: 1px; clear: both; }



/* ----- BREADCRUMB ----- */

div.areaBreadcrumb div.breadcrumb { float: left; padding: 2px 0px 0px 15px; }

div.areaBreadcrumb div.breadcrumb a { text-decoration: none; }


/* ----- FOOTER ----- */

div.areaFooter div.footer { padding: 2px 0px 0px 15px; }

/* ----- GLOBAL ----- */

div.areaGlobal img { padding: 0px 5px 0px 0px; }



/* ----- LEFT MENU ----- */

div.leftMenu { padding: 18px 5px 0px 5px; }

div.menuItem { clear: both; }

div.menuSpace { clear: both; height: 14px; }

div.menuSpace0 { clear: both; height: 10px; }

div.menuSpace1, div.menuSpace2, div.menuSpace3, div.menuSpace4, div.menuSpace5 { clear: both; height: 6px; }

/* ----- */

div.menuLink { height: 11px; float: left; }

div.menuLink a { color: #333333; text-decoration: none; /*  font:10px verdana; */ }

div.menuLink a:hover { text-decoration: underline; }

div.menuLink a.selected { font-weight: bold; }

/* ----- */

div.menuArrow { height: 12px; float: left; background-repeat: no-repeat; }

div.menuArrow1Selected { background-image: url('/sites/scx.helk/images/tema/menuArrowOn.gif'); width: 19px; background-position: 0px 1px; }

/* ----- */

div.menuArrow1 { background-image: url('/sites/scx.helk/images/tema/menuArrow.gif'); width: 19px; background-position: 0px 1px; }

div.menuArrow2 { background-image: url('/sites/scx.helk/images/tema/arrow_lev2.gif'); width: 32px; background-position: 20px 4px; }

div.menuArrow3 { background-image: url('/sites/scx.helk/images/tema/arrow_lev3.gif'); width: 42px; background-position: 33px 4px; }

div.menuArrow4 { background-image: url('/sites/scx.helk/images/tema/arrow_lev4.gif'); width: 52px; background-position: 43px 5px; }

div.menuArrow5 { background-image: url('/sites/scx.helk/images/tema/arrow_lev4.gif'); width: 62px; background-position: 53px 5px; }

div.menuArrow6 { background-image: url('/sites/scx.helk/images/tema/arrow_lev4.gif'); width: 72px; background-position: 63px 5px; }


/* ----- FRONTPAGE & DOCUMENT ----- */

div.frontpage { padding: 0px 0px 19px 0px; }

.documentimage { text-align: center; }

div.documentimage { padding-top: 3px; overflow: hidden; }

div.documentimage img.docImage, div.documentimage img.docImageWide { border: 1px solid #fff; }

div.document { padding: 0px 0px 19px 0px; }

div.clear { clear: both; }

h1.docImage { margin-top: 12px; }

.clear { clear: both; height: 0px; overflow: hidden; }

/*    Sitemap     */

a.MssSitemap { text-decoration: none; padding-left: 3px; }