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