/*
 *
 * L J U D L A N D S K A P
 *
 * * * * * * * * * * * * * * * * * * * */
 
body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: "Lucida Sans", "Dejavu Sans", sans-serif;
  background-color: #f3f1e9; 
}

img {
  border: 0;
}

/*
 * Vertical organisation of the page:
 *
 * - cbar_top (a thin colorbar at the very top of the page)
 * - cbar_header (allows a different background to the left and right of the header)
 * - sub_selector (a color stripe containing the tabs to select the level of reader)
 * - content (the actual text surrounded by the chapter and page selectors)
 * - footer (a thin colorbar at the very top of the page)
 *
 * * * * * * * * * * * * * * * * * * * * */

#cbar_top {
  min-width: 900px;
    height: 12px;
    width: 100%;
  background-color: #804000;    /* default color */
  border-color: #676461;
  border-style: solid;
  border-width: 0 0 1px 0;
}
 
#cbar_header {
  height: 200px;
  width: 100%;
  background-color: white;
}

#sub_selector {
  min-height: 32px;
  min-width: 900px;
  background-color: #efe6ce;
  border-style: solid;
  border-bottom-color: #676461;
  border-top-color: #dbd5c5;
  border-width: 1px 0 6px 0;
  vertical-align: bottom;
}

#content {
  width: 900px;
  margin: 0 auto;
  background-color: transparent;
}

#footer {
  min-width: 900px;
  min-height: 64px;
  clear: both;
  margin: 32px 0 0 0;
  background-color: #e6e3d7;
  border-style: solid;
  border-color: #dbd5c5;
  border-width: 2px 0 2px 0;
}

/*
 * HEADER
 *
 * -) An image centred on the page
 * -) The ljudlandskap logo is placed using "absolute" positioning
 * -) The main tabs are positioned using float: right;
 * 
 * * * * * * * * * * * * * * * * * * * */

#header {
  width: 900px;
  height: 200px;
  margin: 0 auto;
  background-color: #e6e3d7;
  background-image: url(../layout/banner.png);
  background-repeat: no-repeat;
  text-align: left;
}

#header p {
  margin: 12px 8px 0 8px;
  padding: 0;
  font-size: 8.5pt;
  font-family: "Trebuchet MS", "Dejavu Sans Condensed", sans-serif;
  text-transform: uppercase;
}

#header a {
  color: #313330;
  text-decoration: none;
  border-style: solid;
  border-width: 0 0 2px 0;
  border-color: transparent;
}

#logo {
  clear: right;
  position: relative;
    top: 51px;
    left: 25px;
    width: 253px;
    height: 55px;
  background-color: transparent;
}

#parttab1, #parttab2, #parttab3, #parttab4, #parttab5, #parttab6 {
  position: relative;
  float: right;
    height: 32px;
    width: 110px;
    top: 0;
  border-color: #676461;
  border-style: solid;
  border-width: 0 1px 0 0;
  text-align: center;
}

#parttab6 {
  border-color: transparent;
}

#tabtext1, #tabtext2, #tabtext3, #tabtext4, #tabtext5, #tabtext6 {
  margin: 0;
  padding: 0;
    height: 16px;
    width: 110px;
    top: 0;
  vertical-align: middle;
  border-color: transparent;
  border-style: solid;
  border-width: 4px 0 0 0;
} 

#tabtext1 a {
  color: #212320;
}

#tabtext2 a {
  color: #313330;
}

#tabtext3 a {
  color: #313330;
}

#tabtext4 a {
  color: #313330;
}

#tabtext5 a {
  color: #313330;
}

#tabtext6 a {
  color: #313330;
}


#tabtext1 a:hover, #tabtext2 a:hover, #tabtext3 a:hover, #tabtext4 a:hover, #tabtext5 a:hover, #tabtext6 a:hover{
  border-color: #313330;
}



/*
 * SELECTOR
 *
 * -) Colours in the stripe should indicate 
 * -) Categories to choose from positioned in the middle
 * 
 * * * * * * * * * * * * * * * * * * * */

#categories {
  width: 500px;
  margin: 4px auto 0 auto;
  text-align: center;
  vertical-align: bottom;
}

#categories ul {
  margin: 0 0 0 0px;
  padding: 0;
  list-style: none;
  text-align: center;
}

#categories li {
  float: left;
  width: 110px;
  padding: 8px 0 8px 0;
  font-size: 8.5pt;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  text-align: center;
  margin: 0px 1px 0px 1px;
}

#categories li:hover {
  /* background-color: #40454b; */
}

#categories .unsel {
  padding: 6px 0 5px 0;
  margin: 2px 1px 0px 1px;
  font-weight: normal;
}

#cat0 {
  background-color: #7f7671;
}

#cat1 {
  background-color: #676461;
}

#cat2 {
  background-color: #575451;
}

#cat3 {
  background-color: #474441;
}

#categories a {
  color: white;
  text-decoration: none;
}

#categories a.unsel {
  color: #e6e3d7;
}

#categories a:hover {
  color: white;
  text-decoration: underline;
}



/*
 * CHAPTERS
 *
 * -) ...
 * 
 * * * * * * * * * * * * * * * * * * * */

#sidebar_left {
  margin: 16px 0 64px 0;
  float: left;
    width: 200px;
  background-color: transparent;
}

#chapters {
  background-color: transparent;
}

#chapters ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: Georgia, "Bitstream Charter", serif;
}

#chapters li {
  padding: 8px 16px 8px 24px;
  font-size: 10pt;
  line-height: 12pt;
  color: #40454b;
  text-align: left;
  vertical-align: text-top;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: transparent;
  border-right-color: #dbd5c5;
  background-image: url(../layout/kapitel_20x12.gif);
  background-repeat: no-repeat;
  background-position: 5px 10px;
}

#chapters li.open {
  color: #40454b;
  font-weight: bold;
  font-size: 9pt;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: #dbd5c5;
  background-image: url(../layout/kapitel_20x12.gif);
}

#chapters li.l1 {
  background-image: url(../layout/level_1_20x12.gif);
}

#chapters li.l2 {
  background-image: url(../layout/level_2_20x12.gif);
}

#chapters li.l3 {
  background-image: url(../layout/level_3_20x12.gif);
}

#chapters li.openl1 {
  color: #40454b;
  font-weight: bold;
  font-size: 9pt;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: #dbd5c5;
  background-image: url(../layout/level_1_col_20x12.gif);
}

#chapters li.openl2 {
  color: #40454b;
  font-weight: bold;
  font-size: 9pt;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: #dbd5c5;
  background-image: url(../layout/level_2_col_20x12.gif);
}

#chapters li.openl3 {
  color: #40454b;
  font-weight: bold;
  font-size: 9pt;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: #dbd5c5;
  background-image: url(../layout/level_3_col_20x12.gif);
}

#chapters a {
  color: #A34C12;
  text-decoration: none;  
  border-style: dotted;
  border-width: 0 0 1px 0;
  border-color: #dbd5c5;
}

#chapters a:hover {
  color: #924411;
  background-color: #e6e3d7;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #924411;
}




/*
 * TEXT
 *
 * -) ...
 * 
 * * * * * * * * * * * * * * * * * * * */

#text {
  float: left;
  margin: 16px 0 64px 0;
    width: 500px;
  text-align: left;
}

#text h1 {
  margin: 4px 24px 4px 24px;
  font-family: Georgia, "Bitstream Charter", serif;
  font-size: 16pt;
  font-weight: normal;
  color: #603000;
}

#text .subtitle {
  margin: 4px 24px 16px 24px;
  padding: 0 0 4px 0;
  font-family: Georgia, "Bitstream Charter", serif;
  font-size: 9pt;
  font-weight: normal;
  font-style: italic;
  color: #808080;
  border-style: solid;
  border-color: #dbd5c5; 
  border-width: 0 0 2px 0;
}

#text h2 {
  margin: 20px 24px 6px 24px;
  font-family: Georgia, "Bitstream Charter", serif;
  font-size: 12pt;
  font-weight: normal;
  color: #502800; 
}

#text p {
  margin: 12px 24px 12px 24px;
  font-family: Verdana, "Lucida Sans", "Dejavu Sans", sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #4e5257;
  line-height: 16pt;
  text-align: justify;
}

#text p.pdf {
  margin: 18px 24px 18px 32px;
  padding-left: 24px;
  text-align: left;
  background-image: url(../layout/adobe_ico_16x16.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
}

#text p.img {
  margin: 12px 24px 6px 24px;
  padding: 6% 0 6% 0;
  text-align: center;
  vertical-align: middle;
  border-style: solid;
  border-color: #dbd5c5;
  border-width: 1px;
  background-color: white;
}

#text p.fig_title {
  margin: 6px 24px 6px 24px;
  font-size: 8pt;
  line-height: 12pt;
  font-weight: normal;
  color: #4e5257; 
}

#text p.table_title {
  margin: 18px 24px 6px 24px;
  font-size: 8pt;
  line-height: 12pt;
  font-weight: normal;
  color: #4e5257; 
}

#text ul {
  margin: 14px 30px 14px 6px;
  list-style: disc;
}

#text li {
  font-family: Verdana, "Lucida Sans", "Dejavu Sans", sans-serif;
  font-size: 8pt;
  line-height: 16pt;
  font-weight: normal;
  color: #4e5257;
  margin: 4px 0;  
  text-align: left;
}

#text table {
  width: 450px;
  margin: 4px 24px 18px 24px;
  border-width: 1px;
  border-color: #606060; /* #dbd5c5; */
  border-style: solid;
  border-collapse: collapse;
}

#text td {
  font-family: Verdana, "Lucida Sans", "Dejavu Sans", sans-serif;
  font-size: 8pt;
  color: #4e5257;
  text-align: center;
  padding: 6px 0px;
  border-width: 1px;
  border-color: #606060; /* #dbd5c5; */
  border-style: solid;
  background-color: #ffffff;
}

#text td.header {
  text-align: left;
}

#text div.img {
  width: 452px;
  background-color: white;
  border-style: solid;
  border-color: #dbd5c5;
  border-width: 1px;
  margin: 12px 23px 6px 23px;
  padding: 12px 0;
  text-align: center;
}

#text div.eq {
  width: 452px;
  background-color: white;
  border-style: solid;
  border-color: #dbd5c5;
  border-width: 1px;
  margin: 12px 23px 6px 23px;
  padding: 12px 0;
  text-align: center;
}

#text a {
  color: #2E93AC;
  text-decoration: none;  
  border-style: dotted;
  border-width: 0 0 1px 0;
  border-color: #d33f00;
}

#text a:hover {
  color: #237185;
  background-color: #e6e3d7;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #237185;
}

#text object {
  margin: 12px 22px 6px 22px;
  background: transparent;
}

#text div.pdf_ex_img {
  position: relative;
  float: left;
    width: 90px;
    height: 100px;
  margin: 12px 6px 6px 32px;
  background: transparent;
  text-align: left;
}

#text div.pdf_ex_link {
  position: relative;
  float: right;
    width: 350px;
    height: 100px;
  margin: 12px 22px 6px 0px;
  background: transparent;
  text-align: left;
  font-family: Verdana, "Lucida Sans", "Dejavu Sans", sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #4e5257;
  line-height: 12pt;
}

/*
 * PAGES
 *
 * -) ...
 * 
 * * * * * * * * * * * * * * * * * * * */

#sidebar_right {
  margin: 16px 0 64px 0;
  float: right;
    width: 200px;
  text-align: left;
}

#search_form {
  margin: 0;
  padding: 8px 8px 4px 8px;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #dbd5c5;
  min-height: 40px;
}

#search_form form {
  background-color: transparent;
  /* padding: 8px 8px 4px 8px; */
}

#needle {
  margin: 0;
  padding: 0;
  width: 136px;
  font-size: 8pt;
  font-family: "Lucida Sans", "Dejavu Sans", sans-serif;
}

#submit_needle {
  margin: 0 8px 0 0;
  padding: 0;
}

#pages {
  margin: 0;
  padding: 16px 0 16px 0;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: transparent; 
}

#pages h1 {
  margin: 24px 4px 6px 8px;
  padding: 0 0 0 2px;
  font-family: Georgia, "Bitstream Charter", serif;
  font-size: 10pt;
  font-weight: bold;
  font-variant: small-caps;
  text-transform: capitalize;
  letter-spacing: 2pt;
  color: #502800;
  border-style: solid;
  border-color: #dbd5c5; 
  border-width: 0 0 1px 0;
}

#pages ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#pages li {
  padding: 6px 4px 6px 28px;
  font-family: Verdana, "Lucida Sans", "Dejavu Sans", sans-serif;
  font-size: 8.5pt;
  line-height: 11pt;
  color: #2E93AC;
  text-align: left;
  background-image: url(../layout/page_20x12.gif);
  background-repeat: no-repeat;
  background-position: 5px 7px;
}

#pages li.ondisplay {
  color: #40454b;
  font-weight: bold;
  font-size: 8.5pt;
  background-image: url(../layout/page_sel_20x12.gif);
}

#pages li.sub {
  padding-left: 40px;
  background-image: url(../layout/subpage_20x12.gif);
  background-position: 17px 7px;
}

#pages li.subondisplay {
  color: #40454b;
  font-weight: bold;
  font-size: 8.5pt;
  padding-left: 40px;
  background-image: url(../layout/subpage_sel_20x12.gif);
  background-position: 17px 7px;
}

#pages a {
  color: #2E93AC;
  text-decoration: none;  
  border-style: dotted;
  border-width: 0 0 1px 0;
  border-color: #dbd5c5;
}

#pages a:hover {
  color: #237185;
  background-color: #e6e3d7;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #237185;
}

#pages a.ondisplay {
  color: #40454b;
  border-color: transparent;
}



/*
 * FOOTER
 *
 * -) ...
 * 
 * * * * * * * * * * * * * * * * * * * */

#copynstuff {
  width: 500px;
  min-height: 48px;
  margin: 8px auto 0 auto;
  text-align: left;
  background-image: url(../layout/logo_warmgrey.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#copynstuff p {
  padding: 6px 0 0 80px;
  margin: 0;
  font-size: 8pt;
  color: #4e5257;
}

#copynstuff a {
  color: #2E93AC;
  text-decoration: none;  
  border-style: dotted;
  border-width: 0 0 1px 0;
  border-color: #dbd5c5;
}

#copynstuff a:hover {
  color: #237185;
  background-color: #e6e3d7;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #237185;
}

#copynstuff img {
  border: 0;
  vertical-align: middle;
}