body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;	
  min-width: 700px;
	font-size: 0.8em;
}

/*otsikkotaso h1*/
h1 {
	font: bold 1.0em/100% Tahoma, "Arial Black", Arial;
	color: #000000;	
	text-transform: none;
	/*font-variant: small-caps;*/
	line-height: normal;
	margin:5px 0 5px 0;
	
}

/*otsikkotaso h2*/
h2 {
	font: bold 1.0em/100% Tahoma, "Arial Black", Arial;
	color: #000000;
	text-transform: none;
	/*font-variant: small-caps;*/
	line-height: normal;
}

h3 {
	font: normal 1.0em/100% Tahoma, "Arial Black", Arial;
	color: #000000;
	text-transform: none;
	line-height: normal;
}

h4 {
	font: normal 0.8em/100% Tahoma, "Arial Black", Arial;
	color: #000000;
	text-transform: none;
	line-height: normal;
}

a:link {
	color: #006699;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

a:visited {
	color: #003366;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

a:hover {
	color: #006699;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}	

a:active {
	color: #006699;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

/* Listat */
ul{
	list-style-position: outside;
	list-style-type: disc;
}



/*Sivun yläreunan otsikkopohja */
.otsikko {
  	width:100%;
  	height:128px;
	
	font-weight: normal;
	font: bold 1.2em/70% Tahoma, "Arial Black", Arial;
	padding: 0px 0px 0px 0px;
	text-transform: none;
	font-variant: normal;
	line-height: normal;
	
	background:  url(http://www.tietokilta.fi/img/laajakuva.jpg) no-repeat top;
	border-top: 1px solid #99CCFF;
	border-right: 1px none #99CCFF;
	border-bottom: 1px solid #99CCFF;
	border-left: 1px none #99CCFF;
}

/*Pohja, johon tulee linkkipolku ja haluformi*/
.pohjaPolku {
  position: relative;	
	margin-top:10px;
	margin-left:15px;
  margin-bottom: 30px;
	
	/*height:50px;	*/
 	background:#FFFFFF;	
}

/*Linkkipolku*/
.osoite {
	color: #000000;
  /*width: 700px;*/
  margin-right: 270px;
	font-weight: bold;
}
/*Hakuformi*/
.search {
  text-align:right;
	color: #000000;
	width:255px;
	position: absolute;
  right: 10px;
  top: 0px;
}



/*Pohja, johon sijoitetaan eri sivujen sisällöt*/
.pohja {

  position: relative;
	margin-top:10px;
 	background:#EBEBEB;
//	background-image:  url(http://www.tietokilta.fi/img/miumaupohja.jpg);
	background-repeat: no-repeat;
	background-position: bottom right; 		
}

* html .iemin {
  padding-left: 700px;
}

* html .iecontainer {
  margin-left:-700px;
  position:relative;
}

* html .iemin, *html .iecontainer, * html .ielayout, * html .iecontent {
  height:1px;
}

/*Vasen sarake*/
.sarake1 {
    position: relative;
    float:left;
    padding: 0px;
    padding-left: 10px;
}

/*Toinen vasemmalta*/
.sarake2, .sarake2r, .sarake2lr {
    position: relative;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    margin-left: 230px;
    margin-right: 260px;
}

.sarake2l {
  margin-left: 230px;
  margin-right: 10px;
}
.sarake2lr {
  margin-left: 10px;
  margin-right: 10px;
}

/*Oikea sarake*/
.sarake3 {
    position : relative;
    float:right;
    padding: 0px;
    padding-right: 15px;
}

/* Navigaatiopohja */
.navigaatio {
	padding: 5px 5px 30px 8px;
	margin:0px;
	background:#FFFFFF;
	
	position:relative;
	top: -15px;
	width:190px; 
		
	font: normal 0.8em/100% Verdana, "Arial Black", Arial;
	color: #000000;

	border-style: solid;
	border-color: #99CCFF;
	border-width: 1px;
	
	line-height:normal;
}

/* Navigaation linkit */
.navigaatio a {
	/*font-size: 1.75em;*/ /* Relative to screen/pixel size or sth */
	font-size: 1.0em;
	font-weight: bold;
	line-height: normal;
	color: #006699;
	text-decoration: none;
}
.navigaatio a:visited {
	font-size: 1.0em;
	font-weight: bold;
	color: #003366;
	text-decoration:none;
}
.navigaatio a:hover {
	font-size: 1.0em;
	font-weight: bold;
	color: #006699;
	text-decoration:underline;
}
.navigaatio a:active  {
	font-size: 1.0em;
	font-weight: bold;
	color: #006699;
	text-decoration:none;
}

/* Navigaation päätason otsikko (ei taida kuitenkaan olla missään käytössä.. ) */
.navigaatio_paataso h1 {
	font: bold 1.7em/100% Tahoma, "Arial Black", Arial;
}
/* Navigaation päätason linkit (käytännössä vain etusivulla) */
.navigaatio_paataso a:link {
	font: bold 1.7em/100% Tahoma, "Arial Black", Arial;
	color: #006699;
	line-height:25px;
	text-decoration: none;
}
.navigaatio_paataso a:visited {
	font: bold 1.7em/100% Tahoma, "Arial Black", Arial;
	color: #006699;
	line-height:25px;
	text-decoration: none;
}
.navigaatio_paataso a:hover {
	font: bold 1.7em/100% Tahoma, "Arial Black", Arial;
	color: #003366;
	line-height:25px;
	text-decoration: underline;
}
.navigaatio_paataso a:active  {
	font: bold 1.7em/100% Tahoma, "Arial Black", Arial;
	color: #003366;
	line-height:25px;
	text-decoration: underline;
}


/* Navigaation alataso, marginaalia ylläolevaan. */
.navigaatio_alataso {
	font: bold 1.1em/100% Tahoma, "Arial Black", Arial;
	color: #000000;	
	text-transform: none;
	margin:30px 0 5px 0;
}
/* Navigaation alatason linkit */
.navigaatio_alataso a:link {
	font: bold 1.1em/100% Tahoma, "Arial Black", Arial;
	color: #006699;
	text-decoration: none;
	margin:0;
}
.navigaatio_alataso a:visited {
	font: bold 1.1em/100% Tahoma, "Arial Black", Arial;
	color: #006699;
	text-decoration: none;
	margin:0;
}
.navigaatio_alataso a:hover {
	font: bold 1.1emx/100% Tahoma, "Arial Black", Arial;
	color: #003366;
	text-decoration: underline;
	margin:0;
}
.navigaatio_alataso a:active  {
	font: bold 1.1em/100% Tahoma, "Arial Black", Arial;
	color: #003366;
	text-decoration: underline;
	margin:0;
}



/* Alinavigaatio ja sen linkit */
.alinavigaatio {
	color: #006699;
	font-size: 1.2em;
	font-weight: normal;
	margin-left: 0px;
}

/* Pientä marginaalien säätöä.. */
.alinavigaatio h2 {
	margin:2px 0px 0px 0px;
}


/* Tämän avulla h3 näyttää navigaatiossa samalta kuin h2:kin.. */
.alinavigaatio h3 {
	font-weight: bold;
	margin:2px 0px 0px 0px;

}

.alinavigaatio a:link {
	color: #006699;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
}
.alinavigaatio a:visited {
	color: #006699;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
}
.alinavigaatio a:hover {
	color: #003366;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.alinavigaatio a:active  {
	color: #003366;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
}


/*BOKSIT*/

/*Boksi, 4/4 sisaltopohjan alasta*/
.boksiIso {
	/* float:left; */
	position:relative;
	top: -15px;
	width:640px;
	margin:0px;
}
.boksiIso strong {
	color: #000000;
}

/*Boksi, 3/4 sisaltopohjan alasta*/
.boksi {
	/* float:left; */
	position:relative;
	top: -15px;
	
}
.boksi strong {
	color: #000000;
}

/*Boksi, 1/2 sisaltopohjan alasta*/
.boksiKeskikoko {
	/* float:left; */
	position:relative;
	top: -15px;
	width:320px;
	
	margin:0px 0px 0px 0px;
}
.boksiKeskikoko strong {
	color: #000000;
}

/*Boksi, 1/4 sisaltopohjan alasta*/
.boksiPieni {
	/* float:left; */
	width:230px;
	
	position:relative;
	top: -15px;
	
	margin:0px 0px 0px 0px;
}


.boksiPieni strong {
	color: #000000;
}


/*Boksien otsikkotyyli*/
.boksin-otsikko {
  padding: 7px 30px 8px 65px;
  display: inline;
  line-height: 30px;
  white-space: nowrap;
	background: #ffffff;	
	background-image:  url(http://www.tietokilta.fi/img/otsikkokuva3.jpg);
	background-repeat: no-repeat;
	background-position: top left; 

	border-color: #99CCFF;
  border-style: solid solid none solid;
  border-width: 1px 1px 1px 1px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
  margin-top: 10px;
}

/*Boksin sisältötyyli*/
.boksin-sisalto {
	padding: 5px 5px 15px 5px;
	
	color: #202020; 
 	
	margin-right:0px;
	margin-left:0px;
	margin-bottom:19px;
	
	border-color: #99CCFF;
    border-top-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px;
	border-style:none solid solid solid;
    background:#ffffff;

}

/*Tapahtumakalenterin yksittäisen tapahtuman otsikkorivin tyylit*/
.tapahtumaotsikko{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;	
	
	font-size: 1.0em;
	font-weight: bold;
	font-variant: normal;
	line-height: normal;
	
	margin-top:12px;
	margin-bottom:6px;
}

/*Tapahtumakalenterin yksittäisen tapahtuman tapahtumatyypin tyylit*/
.tapahtumatyyppi{
	float:right;
	text-decoration:none;

}

/*Copyright tekstin tyylit*/
.copyright {
	clear:both;
 	
	padding: 5px 5px 5px 5px;
	
	font-size: 1.0em;
	color: #000000;
	font-weight: normal;

	background:#FFFFFF;
	
	border-color: #99CCFF;
	border-width: 1px;
}

li {
	clear:left;
	position: relative;
	left: -15px;
	margin-bottom: 2px;
	}
	

ul.linklist {
  line-height: 120%;
}

.clear {
  clear:both;
  line-height:0px;
}