@charset "iso-8859-1";
/***************************************************************************
****
* Rules for global css elements and styles
* 2010 (c) Innotaito
****************************************************************************
***/

/* Normalisoidaan eräitä elementtejä */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style :
normal; font-weight : normal; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }
table { border-collapse : collapse; border-spacing : 0; margin: 0; padding:
0; border: 0; font-size: 100%; }
td, th { vertical-align: top; }

/**
 * Elementit
 */

body {  font-size: 100.1%; }
/* Fontin perusasetukset asetetaan layout.css tiedostossa */

p {
  margin: 0 0 1em 0;
  font-size: inherit;
  line-height: 1.8em;
  }
h1 {
  font-size: 2.1em;
  /*font-family: "Times New Roman", Times, serif;*/
  margin: 0 0 0.4em 0;
  }
h2 {
  font-size: 1.8em;
  margin: 0 0 0.4em 0;
  }
h3 {
  font-size: 1.4em;
  margin: 0 0 0.2em 0;
  }
h4 {
  font-size: 1.1em;
  margin: 0 0 0.2em 0;
  }
h5 {
  font-size: 1.1em;
  margin: 0 0 0.2em 0;
  }
h6 {
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 0.2em 0;
  }

img {
  border: 0;
  margin: 0;
  vertical-align: baseline;
  }
hr {
  background: #ccc;
  border: 0;
  color: #ccc;
  height: 1px;
  }
hr.dashed {
  border: none 0;
  border-top: 1px dashed #999;
  color: #fff;
  background-color: #fff;
  height: 1px; /* whatever the total width of the border-top and
border-bottom equal */
  }

/* linkki tyylit */

a {
  color: #ccc;
  text-decoration: none;
  border: 0;
  }
a img {
  border: none;
  }

p a:link, td a:link, span a:visited, div a:link,
p a:visited, td a:visited, span a:visited, div a:visited  {
  color: #009;
  }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, th a:link,
caption a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6
a:visited, th a:visited, caption a:visited {
  color: #333;
  }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #000;
  text-decoration: underline;
  }
p a:hover, td a:hover, th a:hover, li a:hover, span a:hover, div a:hover {
  text-decoration: underline;
  }
li a:link, li a:visited {
  color: #009;
}

/* listaus tyylit */

li ul { margin:0 1.5em; }
li ol { margin:0 1.5em 1.5em 2em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em;}
ul { list-style-type: disc; }
ol { list-style-type: decimal; margin-left: 2.2em;}
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

.menu {
  position: relative;
}
.menu h2 {
    line-height:26px;
    /*background:#ebebeb;*/
    color:#323435;
    font-size:14px;
    letter-spacing: 1px;
    font-family:Tahoma;
    /* margin:0 0 5px; */
    padding:0 8px;
}
.menu ul {
    list-style:none;
    color:#555;
    /*font-size:11px;*/
    margin: 0;
    overflow:hidden;
}
.menu ul li {
    border-bottom:1px solid #666;
    margin: 0;
    padding: 0;
}
.menu ul li.first {
    border-top:1px solid #666;
}
.menu ul li a {
    background:url(darkdot.gif) 6px 9px no-repeat;
    padding: 3px 0 4px 20px;
    text-decoration:none;
    border: 0;
    color:#000;
    display:block;
    margin:0;
}
.menu ul li a:hover {
    background-color: #efefef;
    color:#000;
    text-decoration:none;
    border: none;
}


/**
 * Eräitä golaaleja tyylejä
 */

.small {
    font-size: 90%;
}
.big {
    font-size: 120%;
}
.tight {
    line-height: 1.2em;
}
.box {
    margin: 0 0 1em 0;
    padding: 10px;
    border: 1px solid #ccc;
}
.boxn {
    margin: 0 0 1em 0;
    padding: 10px;
}

.right {
    text-align: right;
}
.center {
    text-align: center;
}

/* fontit */

.serif {
  font-size: 120%;
  line-height: 1.6em;
  font-family: "Times New Roman", Times, serif;
}
.trebuchet {
    font-size: 109%;
    line-height: 1.6em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.helvetica {
  font-size: 110%;
  line-height: 1.6em;
  font-family: Arial, Helvetica, sans-serif;
  }
.greyline {
    border-bottom:1px solid #d9d9d9;
    margin-bottom: 2px;
  }
.borderline {
    border-bottom:1px solid #99a;
    margin: 0;
  }

.roundedBox {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.roundedTop {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.roundedBottom {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/**
 * lomakkeet
 */

form.endspace {
    margin-bottom: 10px;
}

label {
    font-weight: bold;
    font-size: 90%;
}

fieldset {
    padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;
}

legend {
    font-weight: bold;
}

input[type=text], textarea {
    border: 1px solid #999999;
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

select {
    padding: 1px;
    }
/* Focus action  */
input:focus, textarea:focus {
    border           : 1px solid #6F6F6F;
    background-color : #FFFFCC;
}

/* select box */
input, select {
    font-family : Geneva,Arial,Helvetica,sans-serif;
    font-weight : normal;
}

input[type=checkbox], input[type=radio] {
  position:relative; top:.25em;
}

/* värejä  */

.white {
  background-color: #fff;
  }
.red {
  background-color: #f05;
  }

.redgrey {
  background-color: #fcc;
  }
.greyshade{
  background-color: #f7f7f7;
  }
.grey{
  background-color: #ccc;
  }
.aliceblue {
    background-color: #f0f8ff;
  }
.whitesmoke {
    background-color: #f5f5f5;
  }
.whiteblue {
    background-color: #fafdff;
  }
.lightblue {
    background-color: #c1d8ff;
  }
.lighterblue {
    background-color: #bdf;
}
.linen {
    background-color: #faf0e6;
  }
.whitegreen {
  background-color : #ddeadd;
  }

/***************************************************************************
***/
