/* Tyylisivutiedosto tyyli.css*/

body { background-color: white; color: black; margin-top: 0; padding-top: 0; text-align: left; }

body#tale-index div#menu a#tale-home { background-color: #fb6b18; }
body#tale-submission div#menu a#tale-submission { background-color: #fb6b18; }
/* One line for each page. Used for "current page hilight" on menu.
   See also <body>-tag in the *.html-file and id of corresponding menu-item
   in menu.html . */

div#content { background-color: #ecf2ff;
              margin-left: auto;
              margin-right: auto;
              width: 50em;
              padding-top: 1em;
              border: 1px solid white;
              position: relative;
              border-bottom: 6px solid #09439a;
              text-align: left;
              height: 40em; }

body>div#content { height: auto;
                   width: auto;
                   max-width: 50em;
		   }

div#dlt2007 { position: absolute;
              left: 7px;
              top: 1em; }
div#dlt2007 a img { border: none; }

div#dltheader { text-align:center;
                margin-left: 214px; }

div#dltheader h1 { color: #09439a;
                   font-size: 28px;
                   font-weight: normal;
                   margin: 0.3em;
                   margin-top: 0; }

div#dltheader h2 { color: #0d5ed7;
                   font-size: 22px;
                   text-align: center;
                   font-weight: normal;
                   margin: 0.2em;}

div#menu { position: absolute;
           left: 0em;
           width: 13em;
           font-family: arial; }

div>div#menu { position: absolute;
           left: 2px;
           width: 13em;
           font-family: sans-serif; }

div#menu a { display: block;
             font-size: small;
             font-weight: normal;
             background-color: #09439a;
             padding-left: 0.8em;
             padding-right: 0.5em;
             color: white;
             width: 90%;
             text-decoration: none;
             line-height: 2em;
             text-align: left;
             /*margin-top: 2px;*/
             margin-bottom: 2px; }

/*div#menu a#dlt07-menu { background-color: #fb6b18; }*/

div#menu a:hover { background-color: #fb8e4f; }

div#menu span.submenu { display: block;
             font-size: small;
             background-color: #09439a;
             padding-left: 0.8em;
             padding-right: 0.5em;
             color: white;
             width: 90%;
             text-decoration: none;
             line-height: 2em;
             text-align: left;
             /*margin-top: 2px;*/
             margin-bottom: 2px; }

div#menu span.fake a { line-height: 1.6em; }

/* div#menu img { width: 12.4em; } */

div#footer { width: 50em;
             margin-left: auto;
             margin-right: auto;
             margin-top: 0.5em;
             margin-bottom: 0.5em;
             padding: 2px;
             padding-left: 2px;
             background-color: #fafcff; }

body>div#footer { width: auto;
                  max-width: 50em;
		  }


div#footer p { font-size: small;
               font-style: oblique;
               margin-top: 0.2em;
               margin-bottom: 0.2em;
               margin-left: 1em;
               margin-right: 1em; }

div#textarea { margin-left: 13.2em;
               padding: 0.5em;
               border-top: 6px solid #09439a;
               min-height: 20em;
               text-align: left; }

div#textarea h3 { color: #09439a;
                  margin-top: 1.5em;
                  border-bottom: 2px solid #fb6b18;
                  }

table { border: 1px solid black;
        border-collapse: collapse;}

td { border: 1px solid black;
     padding: 2px;}

a.osoite {color: #0d5ed7; text-decoration: none; font-style: oblique;}
span.highlight { color: #fb6b18; font-weight: bold;}


/* Styles for Program page */
table.ohjelma { font-size:.8em; font-weight: bold; }
table.ohjelma td {padding:.1em .3em .1em .3em; border: #0000f0 1px solid; background-color: #d6f0f6; /*#ecf2ff;*/ }
table.ohjelma td span { font-weight: normal; font-style: italic;}
table.ohjelma td.left { text-align: center; color: #09439a; background-color: #ffffff; /*#ecf2ff;*/}
table.ohjelma td.upper { border-bottom: #0000f0 1px dashed;}
table.ohjelma td.lower { border-top: #0000f0 1px dashed;}
table.ohjelma td.mid { border-top: #0000f0 1px dashed; border-bottom: #0000f0 1px dashed;}
table.ohjelma td.upperx { border-bottom: #0000f0 0px none; background-color: #ecf2ff; }
table.ohjelma td.midx { border-top: #0000f0 0px none; border-bottom: #0000f0 0px none; background-color: #ecf2ff; }
table.ohjelma td.inv { background-color: #f3d6da; /*#ffffff;*/}
table.ohjelma td.one {}
table.ohjelma td.rest { font-style: italic; font-weight: bold; background-color: #e6f5e1; /*#60b0ff;*/ }
table.ohjelma th { color: #fb6b18; background-color: #09439a;}
table.ohjelma th a { color: #fb6b18; background-color: #09439a; text-decoration: none; }
table.ohjelma th a:hover { color: white; background-color: #09439a; text-decoration: none; }
div#program dl {background-color: #ecf2ff;}
div#program dl dt {width: 8em; border-bottom: #0000ff 3px groove; font-weight: bold;}
div#program dl dd.rest {font-weight: bold; background-color: #e6f5e1; }
div#program dl dd.invname {font-weight: bold; background-color: #f3d6da; /*#ffffff;*/}
div#program dl dd.invtitle {font-style: italic; background-color: #f3d6da; /*#ffffff;*/}
div#program dl dd.name {font-weight: bold; background-color: #d6f0f6;}
div#program dl dd.title {font-style: italic; background-color: #d6f0f6;}
div#program dl { padding: 0.5em; background-color: #ffffff;}
