body,
#header,
#footer
{ background-color: #000000; }
#header  { background-image: url( 'bg-1.jpg' ); }
#content { background-image: url( 'bg-2.jpg' ); border-color: #402909; color: #e9ecd6; min-height: 0; height: auto; }
#reducer { background: #ffd795 url( 'bg-3.jpg' ) 50% 0 repeat-y; padding-bottom: 0; }
#content center  { background: url( 'bg-4.jpg' ) 50% 100% no-repeat; }
#center { min-height: 620px; //height: 657px; }
#footer  { bottom: -100px; margin-bottom: -3em; background-image: url( 'bg-5.gif' ); }

p#language_switch a:link,
p#language_switch a:visited { color: #445c6f; }
p#language_switch a:hover { color: #839eb3 ! important; }

#navigation p a:link,
#navigation p a:visited
{ color: #4e4e4d; }

#navigation table.navigation a:link,
#navigation table.navigation a:visited
{ color: #84826b; }
#navigation table.navigation ul a:link,
#navigation table.navigation ul a:visited,
#navigation table.navigation ul b,
#content h1
{ color: #ffffff; }

/*----------------------------*/
.menu_top table.navigation a:link,
.menu_top table.navigation a:visited,
.menu_top table.navigation b
{ color: #84826b; }

.menu_top table.navigation ul a:link,
.menu_top table.navigation ul a:visited,
.menu_top table.navigation ul b
{ color: #ffffff; }
/*----------------------------*/


#footer a:link,
#footer a:visited
{ color: #a5792b; }
#content .reducer
{ color: #000000; }

h1, #content .cols2 .a
{
position: relative; z-index: 5;
}

#content img,
#content dl,
#content dt,
#content dd,
#content li
{ position: absolute; z-index: 4; }
#content img,
#content dd
{ display: none; }
#content dd
{ width: 450px; }

#content #tree { display: block; left: 0; bottom: 252px; }

#content dt:hover { color: #ea8c03; }
#content dl, #content dt, #content dd { margin: 0; padding: 0; color: #ffffff; }
#content dl { padding-bottom: 1px; }
#content dt { top: -1.4em; display: inline; color: #ffffff; border-bottom: 1px dashed; cursor: pointer; cursor: hand; white-space: nowrap; }

#content ul { position: static; }
#content li a { color: #ffffff; margin-bottom: 0.5em; }
#content li { right: 50%; bottom: 159px; margin: 0 -440px 0 0; }
#content li.first-child, #content li:first-child { right: auto; left: 50%; bottom: 224px; margin: 0 0 0 -440px; white-space: nowrap; }

.hint-1
, .hint-2
, .hint-3
, .hint-4
{
left: 50%;
bottom: 0;
}
#content .hint-1 { margin: 0 0 330px -295px; }
#content .hint-1 dt { margin-left: -2em; }
#content img.hint-1 { margin: 0 0 80px -470px; }

#content .hint-2 { margin: 0 0 385px -200px; }
#content .hint-2 dt { margin-left: -4em; }
#content img.hint-2 { margin: 0 0 130px -330px; }

#content .hint-3 { margin: 0 0 345px 78px; }
#content .hint-3 dt { margin-left: -3.5em; }
#content img.hint-3 { margin: 0 0 120px -140px; }

#content .hint-4 { margin: 0 0 372px 168px; }
#content .hint-4 dt { margin-left: -0.75em; }
#content img.hint-4 { margin: 0 0 140px -140px; }

#content .hint-5 { margin: 0 -372px 452px 0; right: 50%; bottom: 0; }
#content .hint-5 dt { top: 0; right: -60px; }
#content img.hint-5 { margin: 0 -433px 130px 0; }
#layout #content .show-5 .hint-5 dt { display: none; }

#content .hint-6 { margin: 0 -440px 432px 0; right: 50%; bottom: 0; }
#content .hint-6 dt { top: 0; right: -60px; }
#content img.hint-6 { margin: 0 -445px 100px 0; }
#layout #content .show-6 .hint-6 dt { display: none; }

#content .hint-7 { margin: 0 -595px 374px 0; right: 60%; bottom: 0; }
#content .hint-7 dt { top: -0.7em; right: 0.2em; }
#content img.hint-7 { margin: 0 -490px 155px 0; }
#layout #content .show-7 .hint-7 dt { display: none; }

#content .hint-8 { margin: 0 -490px 215px 0; right: 60%; bottom: 0; }
#content .hint-8 dt { margin-left: -4em; }
#content img.hint-8 { margin: 0 -490px 155px 0; }

#content img.hint-1,
#content img.hint-2,
#content img.hint-8,
#content img.hint-3,
#content img.hint-4,
#content img.hint-5,
#content img.hint-6,
#content img.hint-7 { border: 2px solid #140906; }

#content .show-1 img.hint-1, #content .show-1 .hint-1 dd,
#content .show-2 img.hint-2, #content .show-2 .hint-2 dd,
#content .show-8 img.hint-8, #content .show-8 .hint-8 dd,
#content .show-3 img.hint-3, #content .show-3 .hint-3 dd,
#content .show-4 img.hint-4, #content .show-4 .hint-4 dd,
#content .show-5 img.hint-5, #content .show-5 .hint-5 dd,
#content .show-6 img.hint-6, #content .show-6 .hint-6 dd,
#content .show-7 img.hint-7, #content .show-7 .hint-7 dd
{ display: block; z-index: 5; }

#content .show-1 .hint-1 dt,
#content .show-2 .hint-2 dt,
#content .show-8 .hint-8 dt,
#content .show-3 .hint-3 dt,
#content .show-4 .hint-4 dt,
#content .show-5 .hint-5 dt,
#content .show-6 .hint-6 dt,
#content .show-7 .hint-7 dt
{ cursor: default; color: #ea8c03; font-weight: bold; display: block; border: 0 hidden; }