/* css for composer Rolf Martinsson's website 
   by Cristin Lindqvist aka Kartis, http://www.cristinlindqvist.com */
/* This css is fully compatible for all browsers that support CSS2.1. 
   Internet Explorer 6 and earlier for Windows don't support this level of CSS well.
   There might be some serious layout problems in earlier browsers. */
   
/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

* {
 margin: 0;
 padding: 0;
}
body {
 background: #fdffff url(bilder/bg-rm.jpg) no-repeat 50% 0;
 font: 62.5% Verdana, Helvetica, sans-serif;
 color: #395750; /* dark green, previous test was a lighter green 4a7067, and even lighter green 75b3a5 */
 text-align: justify;
}
/* ---------------------------------------------------------------------------------------------------- */
/* ----- Blocks for layout ----- */
#wrap { /* Wraps all content and puts a background image in the bottom. */
 background: transparent url(bilder/bgwrap.jpg) repeat-x 50% 100%;
}
#page { /* Wraps all content inside wrap block, gives it width and makes it centered. */
 margin: 0 auto;
 width: 960px; /* The magic number that is divided into five for "columns" */
 text-align: left;
}
#header { /* Header block inside page block with a height of a fifth of page blocks width. */
 height: 192px;
 background: transparent url(bilder/bghead.jpg) no-repeat top;
 border: 1px #d3f2eb; /* very light green color */
 border-style: none none none dotted;
}
 #header h1, #header h2 { /* Header font style only in header block */
  font-style: italic;
  font-family: Georgia, serif;
  color: #8a5b5b;
  font-weight: 400;
 }
 #header h1 {
  font-size: 26px;
  padding: 20px 20px 6px 30px;
 }
 #header h2 {
  font-size: 20px;
  line-height: 1.2em; /* smaller than regular h2, to fit in header */
  padding: 4px 20px 6px 115px;
 }
/* ---------------------------------------------------------------------------------------------------- */
/* ---- Link styles ---- */
a:link {
  background-color: #f8fcfc;
  color: #cc6600;
  border-bottom: 1px dotted #fef3ea;
  text-decoration: none;
}
a:hover {
  background-color: #f5fafa;
  color: #cc6600;
  font-weight: bold;
  letter-spacing: 0em;
  border-top: 1px dotted #c9beb5;
  border-bottom: 1px dotted #c9beb5;
  text-decoration: none;
}
a:visited {
  color: #99653D;
  text-decoration: none;
}
a:active {
  color: #ffdec4;
  text-decoration: none;
}
/* ---------------------------------------------------------------------------------------------------- */
/* ---- Right sidebar block ---- */
#prim { /* page block divided into three floating blocks from right to left: prim, sekund and ters. */
 float: right;
 width: 155px; /* 192 minus 18 for margin minus 18 for padding minus 1 for border */
 margin: 40px 0 0 18px;
 padding-right: 18px;
 display: inline;
 line-height: 1.4em;
 border-right: 1px dotted #d3f2eb;
}
 #prim p {
  text-align: left;
  padding: 3px 0 10px 0;
  font-size: 1em;
  text-indent: 0;
  line-height: 1.5;
 }
/* ---------------------------------------------------------------------------------------------------- */
/* ---- Center main block ---- */
#sekund { /* page block divided into three floating blocks from right to left: prim, sekund and ters. */
 float: right;
 margin: 40px 0 0 0; /* Frame block. Starts 192 from right edge with 0px marg left/right. Margins and paddings are put on elements inside sekund block */
 width: 576px; /* 576 minus 0 (margin-space) */
 display: inline;
 line-height: 1.5em;
}
/* --- Blocks inside Center main (sekund) block --- */
 .textruta { /* Base block inside sekund block uses the entire width of 576px. */
             /* Used in allanyhet, allnews, contact, all CV pages, listen, newsl, all articles */
  width: 534px; /* 576 minus 40 (padding) minus 2 (border) */
  margin: 0 0 12px 0;
  padding: 18px 20px 10px 20px;
  line-height: 1.5em;
  border-left: 1px dotted #c9beb5;
  border-right: 1px dotted #c9beb5;
 }
/*  .textruta img {
   float: right;
   margin: -20px 0 5px 10px;
   padding: 1px;
   background-color: #f4faf4;
   border: 1px solid #c9beb5;
  } */
   .newsimgright { /* Holder for images on Start, All News and Alla Nyheter - images need "credit" text */
    float: right;
    margin: -12px 0 2px 10px;
    padding: 1px;
    background-color: transparent;
    border: 1px solid #c9beb5;
   }
    .newsimgright img {
    }
    .newsimgright p {
     font-size: 0.9em;
     font-style: italic;
     text-indent: 0;
     text-align: left;
     line-height: 11px;
     padding: 1px;
    }
   .newsimgleft { /* Holder for images on Start, All News and Alla Nyheter - images need "credit" text */
    float: left;
    margin: -6px 10px 2px 0;
    padding: 1px;
    background-color: transparent;
    border: 1px solid #c9beb5;
   }
    .newsimgleft img {
    }
    .newsimgleft p {
     font-size: 0.9em;
     font-style: italic;
     text-indent: 0;
     text-align: left;
     line-height: 11px;
     padding: 1px;
    }
  .textruta2 { /* Text block inside textruta, leaving 1/10 of window to left of text empty, making room for images */
               /* Used in cvbio pages, all articles */
   margin: 0 0 0 86px;
   width: 448px; /* 576 minus 40 (padding) minus 2 (border) minus 86 (margin) */
  }
   .textruta2img {
    float: left;
    margin: 10px 20px 10px -86px;
    padding: 2px;
    background-color: transparent;
    border: 1px solid #c9beb5;
   }
    .textruta2img p {
     font-size: 0.9em;
     font-style: italic;
     text-indent: 0;
     text-align: left;
     line-height: 11px;
     padding: 1px;
    }
  .news ul { /* List style with disc inside textruta block in dl01highl, dl02pdfs, news01newsl, news02alleng, news03allasv */
   margin: 0;
   padding: 0;
  }
   .news li {
    font-size: 1.1em;
    margin: 0 0 8px 25px;
    list-style-type: disc;
   }
/* -- Base block inside sekund block to keep newsblocks and quicklist columns inside nicely on place in most web browsers. --*/
/* -- Used in index, Link pages, Press pages, pub02comp, work03ens -- */
 .newsbase {
  float: right;
  width: 576px; /* 576 is the entire width of three columns in sekund block (192 x 3) */
  margin: 9px 0;
  display: inline;
 }
  .newsbase p, .newsbase h5 {
   text-align: left;
   text-indent: 0;
   padding: 4px 12px 4px 12px;
  }
/* -- News block inside newsbase, inside sekund block. One news block on first row uses the entire width of 576px -- */
/* -- Used in Start page only. -- */
  .ruta1 {
   float: left;
   width: 556px; /* 576 minus 18 (margin) minus 2 (border) */
   margin: 0 9px;
   display: inline;
   line-height: 1.5em;
   background: #fffffd url(bilder/bg-ruta.jpg) no-repeat 0 100%;
   border: 1px dotted #c9beb5;
  }
  .ruta1img {
   float: right;
   margin: 10px;
   padding: 1px;
   background-color: transparent;
   border: 1px solid #c9beb5;
  }
   .ruta1img p {
    font-size: 0.9em;
    font-style: italic;
    text-indent: 0;
    text-align: left;
    line-height: 11px;
    padding: 1px;
   }
  .ruta1bimg {
   float: left;
   margin: 10px;
   padding: 1px;
   background-color: transparent;
   border: 1px solid #c9beb5;
  }
   .ruta1bimg p {
    font-size: 0.9em;
    font-style: italic;
    text-indent: 0;
    text-align: left;
    line-height: 11px;
    padding: 1px;
   }
/* -- 2 news blocks side by side inside newsbase, inside sekund block. Two news block on second row share the width of 576px (=288)
      Used in Start page only. -- */
  .ruta2 {
   float: left;
   width: 268px; /* -- 576 minus 18*2 (margin) minus 2*2 (border) divided with 2 = 268px -- */
   margin: 0 9px;
   display: inline;
   line-height: 1.5em;
   background: #fffffd url(bilder/bg-ruta.jpg) no-repeat 0 100%;
   border: 1px dotted #c9beb5;
  }
   .ruta2img {
    float: right;
    margin: 10px;
    padding: 1px;
    background-color: transparent;
    border: 1px solid #c9beb5;
   }
   .ruta2img p {
    font-size: 0.9em;
    font-style: italic;
    text-indent: 0;
    text-align: left;
    line-height: 11px;
    padding: 1px;
   }
/* -- 3 news blocks side by side inside newsbase, inside sekund block. Three news block on third row share the width of 576px (=192) -- */
/* -- Used in Start page only. -- */
  .ruta3 {
   float: left;
   width: 172px; /* -- 576 minus 18*3 (margin) minus 2*3 (border) divided with 3 = 172 -- */
   margin: 0 9px;
   display: inline;
   line-height: 1.5em;
   text-align: center;
   background: #fffffd url(bilder/bg-ruta.jpg) no-repeat 0 100%;
   border: 1px dotted #c9beb5;
  }
   .ruta3img {
    margin: 10px;
    padding: 1px;
    background-color: transparent;
    border: 1px solid #c9beb5;
   }
   .ruta3img p {
    font-size: 0.9em;
    font-style: italic;
    text-indent: 0;
    text-align: left;
    line-height: 11px;
    padding: 1px;
   }
/* -- 3 thumbnail blocks without border or bg-img side by side inside newsbase, inside sekund block. Three blocks share the width of 576px (=192) -- */
/* -- Used in press01gall only. -- */
  .ruta4 {
   float: right;
   width: 174px; /* 576 minus 18*3 (margin) divided with 3 = 174 */
   margin: 0 9px 12px 9px;
   display: inline;
   line-height: 1.5em;
   text-align: center;
   background: #fffffd;
  }
   .ruta4 p {
    font-size: 1em;
    text-align: center;
    text-indent: 0;
    padding: 2px 12px 10px 12px;
   }
   .ruta4 img {
    margin: 10px;
    padding: 1px;
    background-color: transparent;
    border: 1px solid #c9beb5;
   }
/* -- 2-column blocks side by side wthout borders, inside newsbase, inside sekund block. Two column blocks share the width of 576px (=288). -- */
/* -- Used in pages with text based quick links: press02rev, press03workn, press05recen, press06verkk, works03ens -- */
/* -- Also used in Links page to divide long lists of links -- */
  .col2 {
   float: left;
   width: 270px; /* 576 minus 18*2 (margin) divided with 2 = 270px */
   margin: 16px 9px 12px 9px;
   display: inline;
  }
   .col2 p {
    font-size: 1em;
    text-align: left;
    text-indent: 0;
    padding: 3px 12px 1px 12px;
   }
   .links ul { /* Links on Links pages inside col2 block */
    margin: 0;
    padding: 0;
   }
    .links li {
     font-size: 11px;
     line-height: 1.5em;
     margin-bottom: 8px;
     list-style-type: none;
    }
    .links li a:link, .links li a:visited {
     background-color: #f8fcfc;
     padding: 2px;
     text-decoration: none;
     border-bottom: 1px dotted #fef3ea;
    }
    .links li a:hover {
     font-size: 10px;
     background-color: #f5fafa;
     color: #cc6600;
     border-bottom: 1px dotted #c9beb5;
    }
/* --- Block inside sekund block to divide data with a grey-brown dotted border all around. --- */
/* --- Used in listen and pub01rec only. --- */
 .borall {
  width: 536px; /* 576 minus 40 (padding) */
  padding: 10px 20px;
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 13px;
  border-top: 1px dotted #c9beb5;
  border-right: 1px dotted #c9beb5;
  border-bottom: 1px dotted #c9beb5;
  border-left: 1px dotted #c9beb5;
 }
  .borall p {
   font-size: 1em;
   line-height: 1.5em;
   padding: 2px 0 6px 0;
  }
  .borall img {
   float: right;
   margin: 10px 10px 10px 10px;
   padding: 1px;
   background-color: #f4faf4;
   border: 1px solid #c9beb5;
  }
/* --- Block inside sekund block to divide data with a grey-brown dotted border up and down. --- */
/* --- Used in press02rev, press03workn, press05recen, press06verkk, pub04pub --- */
 .borboth {
  width: 536px; /* 576 minus 40 (padding) */
  padding: 10px 20px;
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 13px;
  border-top: 1px dotted #c9beb5;
  border-bottom: 1px dotted #c9beb5;
 }
  .borboth p {
   font-size: 1em;
   line-height: 1.5em;
   padding: 2px 0 6px 0;
  }
/* -- Block inside borall or borboth block, inside sekund block to divide data with a light grey-brown dotted border up. -- */
/* -- Used in press02rev, press03workn, press05recen, press06verkk, pub01rec, pub04pub -- */
  .borup {
   width: 536px; /* 536 minus 0 (padding) */
   padding: 10px 0 0 0;
   line-height: 1.5em;
   margin-top: 10px;
   border-top: 1px dotted #e9ded5;
  }
   .borup p {
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 2px 0 6px 0;
   }
/* --- Block inside sekund block to divide data with a grey-brown dotted border. Similar to Table "borderline" below. --- */
/* --- Used in Performances pages, Play List pages, press04artic, press07artik, pub02comp, pub03arr, work01alph, work02chron, work03ens, work05ongo --- */
 .bordown {
  width: 536px; /* 576 minus 40 (padding) */
  padding: 4px 20px;
  line-height: 1.5em;
  border-bottom: 1px dotted #c9beb5;
 }
  .bordown p {
   font-size: 1.1em;
   line-height: 1.5em;
   text-indent: 0;
   padding: 6px 0 2px 0;
  }
  .borboth p.megaindrag, .bordown p.megaindrag { /* Used for poems and quotations inside the blocks borboth or bordown */
   padding: 10px 50px;
   text-indent: 0;
  }
/* --- Block inside sekund block. Similar to block "bordown" above. --- */
/* --- Only used in Major Commissions page --- */
 .commiss {
  width: 536px; /* 576 minus 40 (padding) */
  margin-bottom: 0;
  padding: 2px 20px;
  line-height: 1.5em;
  border-bottom: 1px dotted #c9beb5;
 }
  .commiss p {
   font-size: 1.1em;
   line-height: 1.5em;
   text-indent: 0;
   padding: 6px 0 2px 0;
  }
  .commiss ul {
   margin-bottom: 6px;
   padding-bottom: 2px;
  }
  .commiss ul li {
   font-size: 1.1em;
   margin: 2px 0 0 16px;
   padding-bottom: 2px;
   list-style-type: disc;
  }
/* ---------------------------------------------------------------------------------------------------- */
/* ---- Left sidebar block ---- */
#ters { /* page block divided into three floating blocks from right to left: prim, sekund and ters. */
 float: right;
 margin: 40px 18px 0 0; /* Starts 192 + 576 from right edge plus 18px margin on right side */
 padding-left: 18px;
 width: 155px; /* 192 minus 18 for margin minus 18 for padding minus 1 for border */
 display: inline;
 line-height: 1.4em;
 border-left: 1px dotted #d3f2eb;
}
 #ters p {
  text-align: left;
  margin: 3px 0 3px 0;
  font-size: 1em;
  text-indent: 0;
  line-height: 1.8;
 }
/* --- Blocks inside left sidebar (ters) --- */
/* -- Submenu made of lists -- */
 .submenu {
  width: 100%;
  padding: 8px 0;
 }
  .submenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
  }
   .submenu li {
    font-size: 1.1em;
   }
   .submenu li a:link, .submenu li a:visited {
    background-color: transparent;
    display: block;
    padding: 4px 2px 3px 2px;
    text-decoration: none;
    border-bottom: 1px dotted #fef3ea;
   }
   .submenu li a:hover {
    background-color: #fbfcfb;
    color: #cc6600;
    padding: 4px 2px 2px 2px;
    letter-spacing: -0.1em;
    border-top: 1px dotted #c9beb5;
    border-bottom: 1px dotted #c9beb5;
   }
   .submenu ul ul {
    margin-top: 0px;
    margin-left: 14px;
   }
    .submenu ul ul li {
     font-size: 0.9em;
     padding: 1px 2px 1px 2px;
    }
    .submenu ul ul li a:link, .submenu ul ul li a:visited {
     padding: 2px 2px 1px 2px;
     border-bottom: 1px dotted #fef3ea;
     border-left: 1px dotted #fef3ea;
    }
    .submenu ul ul li a:hover {
     padding: 2px 2px 1px 2px;
     letter-spacing: 0em;
     border-top: none;
     border-bottom: 1px dotted #c9beb5;
     border-left: 1px dotted #c9beb5;
    }
/* --- Other blocks inside ters block --- */
 #sidrubrik { /* Page header is put in top left corner in sidebar */
  position: absolute;
  margin: -30px 0 0 -4px;
  z-index: 100;
 }
  #sidrubrik h2 {
   font-size: 16px;
   font-weight: normal;
   font-variant: small-caps;
   font-family: "Trebuchet MS", sans-serif;
   letter-spacing: 0.6em;
   line-height: 1.2em;
   color: #b0a399;
   padding: 4px;
  }
  #gehrlog { /* Logo for Gehrmans, works as a divider between submenus and perma menus in left block */
   margin: 18px auto;
   text-align: center;
  }
   #gehrlog p {
    padding: 0;
    margin: 6px 0;
    text-align: center;
   }
/* ---------------------------------------------------------------------------------------------------- */
/* ---- Footer block ---- */
#footer {
 clear: right;
 height: 196px;
 background: transparent url(bilder/bgfoot.jpg) no-repeat 50% 100%;
 line-height: 1em;
}
 #footer p {
  padding: 6px 0 10px 0;
  color: #fdfffe;
  text-align: center;
 }
 #footer a:link, #footer a:visited {
  background-color: transparent;
  color: #ffaa66;
  border-top: none;
  border-bottom: none;
 }
 #footer a:hover {
  color: #ffbb77;
  font-weight: normal;
}
 #footer .totop a:link, #footer .totop a:visited {
  color: #aa663D;
  font-weight: bold;
  padding: 0;
  margin-top: -6px;
 }
 #footer .totop a:hover {
  color: #ee8822;
  font-weight: bold;
  padding: 0;
  margin-top: -6px;
 }
/* --- Link style on "back to top" --- */
.totop {
 font-size: 1em;
 font-weight: bold;
 text-align: center;
 padding: 10px 0 0 0;
}
/* ----- Clearing ----- */
.clear {
 clear: both;
}
/* ---------------------------------------------------------------------------------------------------- */
/* ----- Font styles ----- */
/* --- Headers --- */
h1, h2, h4, h5, h6 {
 text-align: left;
}
h1 { /* Used in header for "Rolf Martinsson", also works as to top anchor. More style in header h1 above. */
 font-size: 2.0em;
 font-family: Georgia, serif;
 padding: 2px;
}
h2 { /* Used in header block for "composer" and as page title in ters block. More style above. */
 font-size: 1.8em;
 letter-spacing: 0.1em;
 line-height: 1.4em;
 padding: 10px 0 10px 0;
}
h3 { /* Title with green grey bar made of background img. */
     /* Used in allanyhet, allnews, contact, listen, Performances, Play Lists, press02rev, press04artic, press05recen, press07artik, pub02comp and Works */
 font-size: 1.6em;
 letter-spacing: 0.2em;
 font-variant: small-caps;
 text-align: center;
 background: url(bilder/bg-h3.jpg) repeat-x 0 100%;
 padding: 3px 0;
 margin: 10px 0;
}
h3.b { /* Centered subtitle with light green grey bar under h3. Used in pub02comp and work03ens (sextet, quintet, and so on) */
 font-size: 1.4em;
 margin-top: 6px;
 margin-bottom: 2px;
 letter-spacing: 0.1em;
 background: #f4faf4;
}
h4 { /* Used in ... */
 font-size: 12px;
 margin: 6px 0 2px 0;
}
h5 { /* Used in index, press02rev, press05recen, all articles, pub04pub, all popup windows */
 font-size: 1.2em;
 font-weight: 600;
 margin: 6px 0 3px 0;
}
h5.b { /* Used for work titles in Performances, Play list, Recordings, Compositions */
 margin: 0;
 font-size: 11px;
 padding: 1px 0 0 0;
 font-weight: 600;
}
h5.c { /* Used as paragraph titles in articles pressa12rmeng1, ~15dreaeng1, ~16dreaeng2, ~51rmsv1, ~53cello, ~54dreasv1,  ~55dreasv2, ~56open */
 font-weight: 500;
 margin-top: 16px;
 margin-bottom: 4px;
 letter-spacing: 0.3em;
}
h5.d { /* Work title in a light green bar. Used only in work04det */
 margin: 20px 0 0 0;
 background: #f4faf4;
 font-size: 11px;
 padding: 4px 0 2px 12px;
 font-weight: 600;
}
h6 { /* Titles only inside sidebars prim and ters on all pages. */
 font-size: 1.1em;
 font-weight: 600;
 font-variant: small-caps;
 padding-top: 10px;
}
h6:first-letter {
 font-size: 110%;
}
/* --- Paragraphs and other styles --- */
p {
 font-size: 1.1em;
 text-align: justify;
 text-indent: 10px;
 padding-bottom: 10px;
}
 p.indent { /* extra indent for sub-text in quicklists. Used in pub02comp and work03ens */
  text-indent: 20px;
 }
.date { /* p style for date in allanyhet and allnews */
 font-size: 1em;
 font-style: italic;
 text-indent: 0;
 margin: -2px 0;
}
.as-h4 {
 font-size: 12px;
 margin: 6px 0 -4px 0;
 padding: 0;
 text-indent: 0px;
}
/* ---------------------------------------------------------------------------------------------------- */
/* ----- Tables ----- */
table {
 width: 100%;
 padding: 0;
}
/* --- Table with grey-brown dotted border-line between rows. --- */
/* --- Used in pages without any title above table: cv03proj1, cv06proj2, cv07anst, cv08kurs, cv09adm, cv10pris, cv11medl, cv12utb --- */
.borderline {
 margin-top: 20px;
}
.borderline td {
 border-bottom: 1px dotted #c9beb5;
 font-size: 1.1em;
 padding: 6px 4px 2px 4px;
 text-align: left;
 vertical-align: top;
}
/* -- table cell or column group width for double years with dash. -- */
/* -- Used in tables: borderline -- */
 td.year2, colgroup.year2 {
  width: 80px;
 }
/* --- Table with grey-brown dotted border-line between rows. --- */
/* --- Used in pages with title H3 above table: contact --- */
.contact {
 margin-top: 10px;
}
 .contact td { /* right table cell used on contact page */
  font-size: 1.1em;
  padding: 4px 4px 2px 4px;
  border-bottom: 1px dotted #c9beb5;
  vertical-align: top;
 }
 .contact th { /* left table cell used on contact page */
  width: 120px;
  font-weight: bold;
  font-size: 1.1em;
  padding: 4px 4px 2px 4px;
  border-bottom: 1px dotted #c9beb5;
  vertical-align: top;
 }
/* --- Table for amount of performances. --- */
/* --- Used in pages without any title above table: all performances pages, all playlist pages --- */
.perf {
 margin: 10px auto 30px auto;
 width: 70%;
}
/* -- table column group width for vertical th. -- */
/* -- Used in tables: perf -- */
 colgroup.perftype {
  width: 230px;
 }
/* -- table column group width for cells for numbers. -- */
/* -- Used in tables: perf -- */
 colgroup.perfnum {
  width: 74px;
 }
 colgroup.perftot {
  width: 74px;
 }
 .perf td {
  text-align: right;
  font-size: 1.1em;
  font-family: "Trebuchet MS", sans-serif;
  padding: 6px 4px 2px 4px;
  border-right: 1px dotted #c9beb5;
  border-bottom: 1px dotted #c9beb5;
  vertical-align: top;
 }
 .perf th {
  text-align: right;
  font-size: 1.3em;
  font-family: "Trebuchet MS", sans-serif;
  font-weight: normal;
  padding: 6px 4px 2px 4px;
  border-right: 1px dotted #c9beb5;
  border-bottom: 1px dotted #c9beb5;
  vertical-align: top;
 }
 th.year { /* One th for title Year in counting table in Performances and Play list pages */
  font-size: 16px;
  color: #8a5b5b;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.6em;
 }
 th.work { /* One th for Work title in counting table in Performances and Play list pages */
  font-size: 14px;
  padding-bottom: 3px;
  font-weight: normal;
  font-variant: small-caps;
  letter-spacing: 0.1em;
 }
  th.work a:hover {
  letter-spacing: 0.1em;  
  }
 tr.sum th { /* Summary th in counting table in Performances and Play list pages */
  font-size: 14px;
  color: #8a5b5b;
  font-weight: bold;
  letter-spacing: 0.6em;
  border-bottom: none;
 }
 tr.sum td { /* Summary td in counting table in Performances and Play list pages */
  font-size: 1.3em;
  color: #8a5b5b;
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  border-bottom: none;
 }
 .perf td.tot { /* Final sum in counting table in Performances and Play list pages */
  font-size: 17px;
  font-weight: normal;
 }
td.cd {
 width: 100px;
 vertical-align: bottom;
 padding: 2px 6px;
}
td.lp {
 width: 120px;
 vertical-align: bottom;
 padding: 2px 6px;
}
td.buy {
 vertical-align: top;
 text-align: center;
 padding: 0 6px;
}
td.title {
 width: 90px;
 vertical-align: top;
 padding: 0 6px;
}
td.info {
 vertical-align: top;
 padding: 0 6px;
 font-size: 10px;
}
/* --- Table for quick links (anchorlinks), years. --- */
/* --- Used in Works pages: work02chron --- */
table.anchlinky {
 margin: 10px auto;
 width: 60%;
}
 table.anchlinky td { /* table cell in anchlink table for years. Used in work02chron */
  font-size: 10px;
  padding: 6px 0;
  text-align: center;
  vertical-align: top;
 }
/* -- Table for quick links (anchorlinks), letters.
      Used in Works pages: work01alph, work04det --*/
table.anchlink {
 margin: 10px auto;
 width: 300px;
}
 table.anchlink td { /* table cell in anchlink table for letters. Used in work01alph, work04det */
  font-size: 1.1em;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
 }
/* --- Table with grey-brown dotted border-line between rows. --- */
/* --- Used in pages with title H5 above table: work04det --- */
table.detail {
 border-top: 2px solid #f4faf4;
 border-right: 6px solid #f4faf4;
 border-bottom: 8px solid #f4faf4;
 border-left: 6px solid #f4faf4;
}
 table.detail td { /* right table cell used on work04det */
  font-size: 1.1em;
  padding: 4px 8px 2px 4px;
  border-bottom: 1px dotted #c9beb5;
  vertical-align: top;
 }
 table.detail th { /* left table cell used on work04det page */
  width: 96px;
  font-weight: normal;
  font-size: 10px;
  padding: 4px 4px 2px 8px;
  border-bottom: 1px dotted #c9beb5;
  vertical-align: top;
 }
/* ---------------------------------------------------------------------------------------------------- */
/* ----- Divider and List styles ---- */
hr {
 color: #c8beb5;
 background-color: #c9beb5;
 margin: 6px 0;
 height: 1px;
 width: 100%;
 border: none;
}
ol {
 margin: 10px 10px 20px 24px;
}
 ol li {
  margin-bottom: 6px;
  font-size: 1.1em;
 }
dl {
 margin: 4px 0 6px 6px;
}
 dt {
  font-size: 1.1em;
 }
 dd{
  font-size: 1em;
  margin-bottom: 3px;
 }
/* ---------------------------------------------------------------------------------------------------- */
/* ---- Layout for popup windows ---- */
#poptext {
 width: 350px;
 margin: 10px auto;
 padding: 30px 10px 20px 10px;
 line-height: 1.3em;
 border: 1px dotted #c9beb5;
}
 #poptext p {
  text-indent: 0px;
  margin: 6px 0;
 }
 #poptext h5 { /* Used for titles in all popup windows */
  font-size: 12px;
  font-weight: 600;
  margin: 0;
 }
 #close {
  margin-top: 18px;
  text-align: right;
  font-size: 11px;
  font-variant: small-caps;
 }
 #poptext dl {
  margin: 9px 0;
 }
 #poptext dt {
  font-size: 11px;
  padding-top: 4px;
 }
 #poptext dd {
  font-size: 10px;
  margin-bottom: 2px;
  margin-left: 2px;
 }
/* ---------------------------------------------------------------------------------------------------- */
/* ---- Listen pages and iframe ---- */
.iframe {
 background: #fdffff url(../bilder/quickplay.jpg) repeat-x 106px 0;
 width: 532px;
 height: 30px;
 margin: 0 auto;
 padding: 0;
 border: 0;
 text-align: center;
}
#player {
 width: 530px;
 height: 26px;
 background: transparent;
 border: 0;
}
 #player img {
  border: 0;
  padding-top: 7px;
 }
 #player a:link, #player a:hover, #player a:active, #player a:visited {
  border-top: 0px;
  border-bottom: 0px;
  text-decoration: none;
  background: transparent;
 }
 #player p {
  font-size: 1.1em;
  text-align: center;
  text-indent: 0;
  padding-bottom: 0;
 }