/*
   Jehanne d'Arc CSS file
   (c) 2005 Lucid Solutions
*/

body {
  text-align: center;
  background: white;
}

body,html {
  height: 100%;
}

div, body, span, a {
  margin : 0;
  padding: 0;
}

body, table, td {
  font: 11px/1.8em Arial, Verdana, Tahoma, "Trebuchet MS", Sans-serif;
  color: #000000;
}

.hidden {
  display: none;
}

#alignment {
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 522px;
}

#borderbox {
  position: absolute;
  left: 50%;
  top:  50%;
  height: 522px;
  width: 778px;
  margin: 0px auto;
  margin-left: -389px;
  margin-top: -261px;
  background: #222222;
}

#container {
  background: white;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 520px;
  margin: 0px auto;
  width: 776px;
  margin-left: -388px;
  margin-top: -260px;
  text-align: left;
}

/* header () */
#header {
  position: absolute;
  right: 0;
  top: 0;
  width: 638px;
  height: 72px;
}

#header h1, #header h2, #header h4, #header hr {
  display: none;
}

#menu {
  background: transparent url(../px/menu_background.png) 0% 0% no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 138px;
  height: 100%;
}

#menucontainer {
  position: absolute;
  left: 17px;
  top: 0px;
  width: 123px;
  height: 100%;
  padding: 17px 0 0 0;
}

#menucontainer .item {
  height: 20px;
  position: relative;
  width: 100%;
}

a.menuitem, a.menuselected {
  background: transparent url(../px/menu_selected.gif) 0 0 no-repeat;
  display: block;
  text-decoration: none;
  color: #000000;
  letter-spacing: 0.5px;
  height: 20px;
  padding: 0 0 0 10px;
  width: 100%;
  background-position: -121px 0;
}
a.menuitem h4 {
  margin: 0 0 0 10px;
}

a.menuitem:hover, a.menuitem:focus, a.menuselected {
  background-position: 0 0;
  font-weight: bold;
  letter-spacing: 0px;
}

#menucontainer .number {
   position: absolute;
   left: 2px;
   top: 2px;
   width: 20px;
   text-align: center;
   height: 19px;
   font: 11px/16px Palatino,"Palatino LinoType","Times New Roman",Times,Serif;
   font-weight: bold;
   color: #ffffff;
   z-index: 2;
}

#menucontainer .word {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 18px;
   font: 12px/16px Palatino,"Palatino LinoType","Times New Roman",Times,Serif;
   font-style: italic;
   z-index: 1;
}

a.submenu {
  display: block;
  text-decoration: none;
  color: #c13c3e;
  letter-spacing: 0.5px;
  height: 20px;
  padding: 0 0 0 10px;
  width: 100%;
}

a.submenu:hover, a.submenu:focus, a.submenusel {
  color: #c13c3e;
  font-weight: bold;
  letter-spacing: 0px;
}

.menutekst {
  position: absolute;
  left: 32px;
  top: 2px;
  width: 89px;
  height: 18px;
}


#menu2 {
  position: absolute;
  background: transparent url(../px/black_dot.gif) 0% 0% repeat-x;
  top: 0px;
  right: 0;
  border: 0;
  width: 144px;
  height: 410px;
}

#chapter_image {
  position: absolute;
  background: transparent;
  right: 0;
  top: 148px;
  height: 257px;
  overflow: hidden;
  width: 144px;
}

#contents {
  background: transparent url(../px/main_background.gif) 0% 0% no-repeat;
  position: absolute;
  left: 138px;
  top: 72px;
  width: 638px;
  height: 448px;
}

#chapter_number {
  background: #ffffff url(../px/chapter_box.gif) 0% 0% no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 39px;
  height: 39px;
  text-align: center;
}

#chapter_background {
  background: transparent url(../px/alpha.png) 0% 0% repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 494px;
  height: 447px;
}

#chapter_head {
  background: #000000;
  position: absolute;
  left: 39px;
  top: 0px;
  width: 455px;
  height: 19px;
}

#chapter_head h3 {
  font: 12px/19px Palatino,"Palatino LinoType","Times New Roman",Times,Serif;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #eeeeee;
  margin: 0 0 0 8px;
}


#chapter_contents {
  position: absolute;
  left: 39px;
  top: 20px;
  width: 447px;
  height: 428px;
  margin: 0 15px 0 8px;
  overflow: auto;
}

#chapter_contents div {
  margin: 0 20px 0 0;
}

.language {
  position: absolute;
  background: transparent url(../px/language_box.gif) 0% 0% no-repeat;
  right: 0;
  width: 18px;
  height: 19px;
}

.language_selected {
  position: absolute;
  background: transparent url(../px/language_sel_box.gif) 0% 0% no-repeat;
  right: 0;
  width: 18px;
  height: 19px;
}

.language a, .language_selected a {
  width: 18px;
  height: 19px;
  text-decoration: none;
  display: block;
}

#lang_fr {
  top: 0px;
}
#lang_fr a.unselected {
  display: block;
  background: transparent url(../px/fr.gif) 0% 100% no-repeat;
}
#lang_fr a.selected {
  display: block;
  background: transparent url(../px/fr_sel.gif) 0% 100% no-repeat;
}


#lang_en {
  top: 37px;
}
#lang_en a.unselected {
  display: block;
  background: transparent url(../px/en.gif) 0% 100% no-repeat;
}
#lang_en a.selected {
  display: block;
  background: transparent url(../px/en_sel.gif) 0% 100% no-repeat;
}


#lang_de {
  top: 74px;
}
#lang_de a.unselected {
  display: block;
  background: transparent url(../px/de.gif) 0% 100% no-repeat;
}
#lang_de a.selected {
  display: block;
  background: transparent url(../px/de_sel.gif) 0% 100% no-repeat;
}

#lang_nl {
  top: 111px;
}
#lang_nl a.unselected {
  display: block;
  background: transparent url(../px/nl.gif) 0% 100% no-repeat;
}
#lang_nl a.selected {
  display: block;
  background: transparent url(../px/nl_sel.gif) 0% 100% no-repeat;
}

a#intro_link {
  position: absolute;
  display: block;
  left: 150px;
  top: 200px;
  width: 560px;
  height: 193px;
}

#scrollup {
  position: absolute;
  width: 12px;
  height: 13px;
  top: 410px;
  left: 500px;
}

#scrolldown {
  position: absolute;
  width: 12px;
  height: 13px;
  top: 429px;
  left: 500px;
}

#scrollup a, #scrolldown a {
  display: block;
  width: 12px;
  height: 13px;
  left: 0;
  top: 0;
  background-position: 0 0;
}
#scrollup a:hover, #scrolldown a:hover, #scrollup a:focus, #scrolldown a:focus {
  background-position: -13px 0;
}

#scrollup a {
  background: transparent url(../px/scroll_up.gif) 0% 0% no-repeat;
}
#scrolldown a {
  background: transparent url(../px/scroll_down.gif) 0% 0% no-repeat;
}

.error {
  color : red;
}

#copyright {
  position: absolute;
  bottom: 0;
  left: 4px;
  color: #ffffff;
  font-size: 9px;
}

#copyright a {
  text-decoration: none;
  color: #ffffff;
}
#copyright a:hover {
  text-decoration: underline;
}

#copyright span {
  color: #000000;
}