/* Kemistikillan sivujen CSS-tyylit
 * Matti Lehtimäki 2005-2011*/

body {
  margin: 0;
  padding: 0;
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: 13px;
  background: #e3e5f7 url(/kondensatio/kuvat/kondisbg2.png) repeat-y center;
}

h1, h2, h3, h4 {
  font-weight: bold;
}

h1 {
  color: #000099; /* #aa0000 */
  font-family: serif;
  font-size: xx-large;
  margin: 0;
  padding: 10px;
}

h2 {
  font-size: 1.2em;
}

h3 {
  font-size: 1.1em;
}

h4 {
  font-size: 1em;
}

div {
  background-color: transparent;
  color: #000000;
  margin: 0;
  padding: 0;
  text-align: left;
}

div.frame {
  background: #ffffff;
  position: relative;
  top: 0;
  right: 0;
  margin: 0 auto;
  width: 800px;
  height: 100%;
}

div.header
{
  margin: 9px 0 0 0;
  border-width: 1px;
  border-color: #818181; /*Vanha 2d4597*/
  border-style: solid;
  height: 80px;
  width: 800px;
  background: url(http://www.kemistikilta.fi/kondensatio/kuvat/kondis121.jpg) 0 0 no-repeat;
}

div.navigation {
  background: url(http://www.kemistikilta.fi/kondensatio/kuvat/valikko.png) no-repeat bottom;
  background-color: white;
  border-color: #818ac4;
  border-style: dotted;
  border-width: 0 1px 0 0;
  float: left;
  font-weight: bold;
  margin-right: -1px;
  padding-top: 10px;
  text-align: left;
  vertical-align: top;
  width: 180px;
}

div.content {
  border-color: #818ac4;
  border-style: dotted;
  border-width: 0 0 0 1px;
  float: right;
  padding: 10px;
  text-align: left;
  width: 599px;
}

div.widecontent {
  float: left;
  padding: 10px;
  width: 800px;
}

div.footer {
  background-color: #818181; /*Vanha 2d4597*/
  border-width: 1px;
  border-color: #ffffff; /*Vanha 2d4597*/
  border-style: solid;
  border-top-width: 0;
  clear: both;
  height: 100%;
  padding: 5px 0px;
  font-size: smaller;
  color: white;
  width: 100%;
}

div.bottom {
  vertical-align: bottom;
}

table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 0;
  color: #000000;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

table.avechaku td {
  background-color: transparent;
  border-collapse: collapse;
  border-color: #aaaaaa;
  border-spacing: 0;
  border-style: solid;
  border-width: 1px 0;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
}

td {
  margin: 0;
  text-align: left;
}

td.\2kolumnia {
  width: 50%;
  text-align: center;
  vertical-align: top;
}

.otsikko a:link, .otsikko a:visited, .otsikko a:active {
  color: white;
  text-decoration: none;
  padding: 3px;
  font-size: 10px;
}

.otsikko a:hover {
  color: #daddeb;
}

/* luokka, jolla minkä tahansa elementin saa keskitettyä */

.center {
  text-align: center;
}

.vasen {
  text-align: left;
}

.oikea {
  text-align: right;
}

.red {
  color: #ff4444;
}

.valikko a:link, .valikko a:visited, .valikko a:active, .valikko a:hover {
  text-decoration: none;
  padding: 3px;
}

/* link #993333 active #996666 */
.valikko a:link, .valikko a:visited{ color: #333399; }

.valikko a:active, .valikko a:hover{ color: #666699; }

a.alivalikko, a.valikko {
  background-color: transparent;
  margin: 5px;
}

a.alivalikko { margin-left: 10px; }

/* #992222 */
a {
  color: #222299;
  text-decoration: none;
  font-size: 1.0em;
  background-color:transparent;
}

/* #662222 */
a:hover {
  color: #222266;
  text-decoration: underline;
  background-color:transparent;
}

img {
  border-width: 0;
  margin: 0;
  padding: 0;
}

img.padding5 {
  padding: 5px;
}

a > img {
  padding: 0 5px 5px 5px;
}

p.null {
  margin: 0;
  padding: 0;
}

img.left {
  float: left;
}

ul.testi li ul {
  list-style-type: lower-alpha;
}

ul.testi li ul li.input {
  position:relative;
  display:block;
  float:right;
}

ul.testi {
  padding: 5px;
  list-style-type: decimal;
  list-style-position: outside;
}

ul.testi li {
  list-style-position: inside;
}

.hidden {
  color: #aaaaaa;
}

.r1 {
  background-color: #dfdfdf;
}

.r2 {
  background-color: #fafafa;
}

.menu {
  margin: 0;
  padding-left: 5px;
  list-style-type: none;
}

.submenu {
  margin: 0;
  padding-left: 5px;
  list-style-type: none;
}