body, html
  {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  }

body
  {
  background: #00BCEB;
  font-size: 0.7em;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  background-image: url(/images/tausta-01.gif);
  background-repeat: repeat;
  }

#main
  {
  background-color: #fff;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  border: 2px solid #4E4E4E;
  padding-top: 1em;
  padding-bottom: 0.5em;
  }

.navbar
  {
  margin-top: 0.5em;
  margin-bottom: 2em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-top: 2px dotted #185B6D;
  border-bottom: 2px dotted #185B6D;
  font-size: 1.2em;
  }

.tekstilaatikko1
  {
  clear: both;
  margin-top: 3em;
  margin-right: 2em;
  margin-bottom: 1em;
  margin-left: 10em;
  }

.tekstilaatikko2
  {
  clear: both;
  margin-top: 3em;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 3em;
  }

.tekstilaatikko3
  {
  clear: both;
  border: 2px dotted #000;
  text-align: left;
  margin-top: 3em;
  margin-right: 4em;
  margin-bottom: 0em;
  margin-left: 4em;
  padding: 0.5em;
  text-align: justify;
  }

.tarvikelaatikko
  {
  clear: both;
  margin-top: 3em;
  margin-right: 2em;
  margin-bottom: 1em;
  margin-left: 5em;
  }

.infolaatikko
  {
  /*overflow: hidden;*/
  clear: both;
  margin-top: 2em;
  margin-right: 6em;
  margin-bottom: 2em;
  margin-left: 12em;
  /*border: solid 0.2em orange;*/
  }

.infolaatikko2
  {
  clear: both;
  margin-top: 0em;
  margin-right: 6em;
  margin-bottom: 0em;
  margin-left: 12em;
  /*border: solid 0.2em orange;*/
  }

.infokuva
  {
  float: left;
  width: 160px;
  height: 120px;
  margin-bottom: 3.5em;
  padding-bottom: 2.5em;
  /*border: solid 0.2em orange;*/
  }

.tarvikekuva
  {
  float: left;
  width: 160px;
  height: 120px;
  margin-bottom: 1.5em;
  margin-left: 2em;
  border: 1px solid orange;
  }

.infoteksti
  {
  clear: none;
  margin-left: 20em;
  margin-top: 0em;
  /*margin-bottom: 3em;*/
  line-height: 1.3em;
  
/*  border: solid 0.2em green;*/
  }

.infoteksti2
  {
  clear: none;
  margin-left: 18em;
/*  border: solid 0.2em green;*/
  }

.infoteksti li
  {
  margin-bottom: 0.5em;
  }

.lisakuvalaatikko
  {
  clear: both;
/*  border: solid 0.2em purple;*/
  margin-top: 1em;
  margin-right: 4em;
  margin-bottom: 1em;
  margin-left: 9em;
  }


.lisakuva1 h4
  {
  text-align: left;
  margin-left: 4.8em;
  }

.lisakuvalaatikko2
  {
  clear: both;
/*  border: solid 0.2em purple;*/
  margin-top: 1em;
  margin-right: 4em;
  margin-bottom: 1em;
  margin-left: 5em;
  }

.lisakuvalaatikko3
  {
  overflow: hidden;
  clear: both;
/*  border: solid 0.2em purple;*/
  margin-top: 1em;
  margin-right: 4em;
  margin-bottom: 1em;
  margin-left: 5em;
  }

.lisakuvalaatikko p
  {
  margin-top: 0.5em;
  margin-left: 2em;
  }

.lisakuvalaatikko2 p
  {
  margin-top: 0.5em;
  margin-left: 2em;
  }

.lisakuva1
  {
  overflow: hidden;
  float: left;
/*  border: 0.2em solid yellow;*/
  margin-top: 1em;
  margin-left: 1em;
  margin-bottom: 2em;
	text-align: left;
  }

.lisakuva1 p
  {
  margin-left: 6em;
  }	

.lisakuva1 li
  {
  margin-left: 6em;
  }	

.uutiset
	{
	margin-left: 8em;
	margin-right: 8em;
	text-align: justify;
	}
	
.uutiset h2
  {
	font-size: 1.25em;
	margin-top: 2em;
	}

.uutiset h3
  {
	font-size: 1em;
	margin-top: -0.5em;
	}
	
	
	
img.lisapikkukuva
  {
  border: 1px solid black;
  width: 160px;
  margin-left: 6em;
  margin-right: 3em;
  margin-bottom: 0em;
  }

.pohjapiirustus
  {
  float: left;
  width: 85%;
  margin-top: 1em;
  margin-left: 0em;
  margin-bottom: 2em;
  padding-left: 0em;
  }

img.pohjapiirustuskuva
  {
  border: 1px solid black;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  }

img.lisaisokuva
  {
  border: 1px solid black;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  }

img.pikkukuva
  {
  border: 1px solid black;
  width: 160px;
  margin-bottom: 0.5em;
  }

.tekstilaatikko2
  {
  clear: both;
  margin-top: 3em;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 4em;
  }

.tekstilaatikko2 table
  {
  font-size: 1em;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  border-collapse: collapse;
  /*margin-left: 1.5em;*/
	margin-left: 0.5em;
  /*background: #D6FFFF;
  border: 1px solid #000;*/
  }

.tekstilaatikko2 th
  {
  padding-top: 1em;
  padding-bottom: 0.7em;
  }

.tekstilaatikko2 td, tr, th
  {
  padding-bottom: 0.3em;
  padding-top: 0.2em;
  padding-right: 0em;
  padding-left: 3.5em;
  }

.tekstilaatikko2 td.nopadding
  {
  padding-left: 0.2em;
  }

.paddingleft3
  {
  padding-left: 3em;
  }

.padding2l
  {
  padding-left: 2em;
  }

.tekstilaatikko2 th
  {
  /*text-decoration: underline;*/
  text-align: right;
  }

/*.tablecolor1 {background: #F7C5FF;}
.tablecolor2 {background: #FFE3FF;}
.tablecolor3 {background: #F7C5FF;}*/

/*.tablecolor1 {background: #FFB900;}
.tablecolor2 {background: #FFDF00;}
.tablecolor3 {background: #FFEE00;}*/

.tablecolor1 {background: #C8C8C8;}
.tablecolor2 {background: #E6E6E6;}
.tablecolor3 {background: #F0F0F0;}*/


.oikeatasaus td
  {
  text-align: right;
  font-weight: bold;
  color: black;
  }

.oikeatasaus2
{
  color: black;
  text-align: right;
  /*font-weight: bold;*/
}
	
.tblhilite
  {
  background: white;
  }

.txt17
  {
  font-size: 1.7em;
  }

.txt16
  {
  font-size: 1.6em;
  }

.txt15
  {
  font-size: 1.5em;
  }

.txt14
  {
  font-size: 1.4em;
  }

.txt13
  {
  font-size: 1.3em;
  }

.txt12
  {
  font-size: 1.2em;
  }


h1
  {
  font-size: 1.75em;
	text-decoration: none;
	margin-bottom: 0.5em;
  margin-top: 1em;
	/*font-size: 3em;*/
  }

h2
  {
  font-size: 1.5em;
  text-decoration: none;
  margin-bottom: 0.60em;
	margin-top: 1em;
  }

h3
  {
  font-size: 1em;
  /*text-decoration: underline;*/
  margin-bottom: 0.1em;
  }

h4
  {
  font-size: 1.25em;
  /*text-decoration: underline;*/
  margin-bottom: 0.5em;
  }

h5
  {
  font-size: 1.25em;
  text-decoration: none;
  margin-bottom: 0.5em;
  }

.paluulinkki
  {
  margin-bottom: 2em;
  }

.paluulinkki a
  {
  font-weight: bold;
  text-decoration: none;
  }  

/*.paluulinkki a:link, .paluulinkki a:visited
  {
  color: blue;
  }*/

.paluulinkki a:link, .paluulinkki a:visited
  {
  color: #F2800C;
  }
	
/*.paluulinkki a:hover
  {
  color: #FFF;
  background: blue;
  text-weight: bold;
  }*/

.paluulinkki a:hover
  {
  color: yellow;
  background: orange;
  font-weight: bold;
  }
	
.navbar a
  {
  font-weight: bold;
  text-decoration: none;
  }  

.navbar a:link, .navbar a:visited
  {
  color: black;
  }

.navbar a:hover
  {
  color: yellow;
  background: orange;
  font-weight: bold;
  }
	
	
.infolaatikko a
  {
  font-weight: bold;
  text-decoration: none;
  }  

.infolaatikko a:link, .infolaatikko a:visited
  {
  color: #F2800C;
  }
	
.infolaatikko a:hover
  {
  color: yellow;
  background: orange;
  font-weight: bold;
  }
	
.tekstilaatikko1 a
  {
  font-weight: bold;
  text-decoration: none;
  }  

.tekstilaatikko1 p
  {
  margin-top: 0em;
  }
	
.tekstilaatikko1 h3
  {
  margin-top: 1.5em;
  }  
	
.tekstilaatikko1 a:link
  {
  color: #F2800C;
  }

.tekstilaatikko1 a:visited
  {
	color: #B25E08;
	}
	
.tekstilaatikko1 a:hover
  {
  color: yellow;
  background: orange;
  font-weight: bold;
  }
	
.uutiset a
  {
  font-weight: bold;
  text-decoration: none;
  }  

.uutiset a:link
  {
  color: blue;
  }

.uutiset a:visited	
	{
  color: darkblue;
  }
	
.uutiset a:hover
  {
  color: #FFF;
  background: blue;
  font-weight: bold;
  }
	
.yhteystiedot
  {
  margin-bottom: 1.5em;
  }

.yhteystiedot ul li
  {
  list-style-type: none;
  margin-bottom: 0.5em;
  }

.yhteystiedot a
  {
	  font-weight: bold;
	  text-decoration: underline;
  }  

.yhteystiedot a:link, .yhteystiedot a:visited
{
  /*color: #F2800C;*/
  color: blue;
}
	
.yhteystiedot a:hover
{
  /*color: yellow;
  background: orange;
  font-weight: bold;*/
  color: blue;
  text-decoration: none;
 
}

.lisakuvalaatikko a
  {
  font-weight: bold;
  text-decoration: none;
  }  

.lisakuvalaatikko a:link, .lisakuvalaatikko a:visited
  {
  color: #F2800C;
  }

.lisakuvalaatikko a:hover
  {
  color: yellow;
  background: orange;
  font-weight: bold;
  }

.lisakuvalaatikko2 a
  {
  font-weight: bold;
  text-decoration: none;
  }  

.lisakuvalaatikko2 a:link, .lisakuvalaatikko2 a:visited
  {
  color: #F2800C;
  }

.lisakuvalaatikko2 a:hover
  {
  color: yellow;
  background: orange;
  font-weight: bold;
  }

a.nohover:hover
  {
  background: white;
  }

img.etusivu
  {
  /*float: left;*/
  margin-top: 0em;
  border: 1px solid #000;
  }

.clearboth {clear: both;}
.clearright {clear: right;}
.clearleft {clear: left;}
.center {text-align: center;}