body { font: medium Verdana,Helvetica, Geneva, Arial, SunSans-Regular, sans-serif ;
font-size:medium}
td  {font-size:1em}
.reuna  {border:1px solid #676767}
table {border-collapse:collapse}

.fader  {background-image: url('/images/fader.jpg') ;background-repeat: repeat-x}   /*punakeltafeidaus*/
.vasenlaita  {background-image: url('/images/logo4.jpg') ;background-repeat:no-repeat} /*kaljapisarat*/
.menu {background:#FFEA47}
.oranssi {background:#F6B000}
.puna {background:#A31000}
.harmaa {background:#E2E3DD}
.kelta {background:#FFEA47}


.trans {filter: Alpha (Opacity=50); -moz-opacity: .5; opacity:0.5 }


.layer2 a {font-weight:bold;font-family:tahoma;text-decoration:none;display: block;border:1px solid #ffc537;width:120px;background:#ffc537}
.layer2 a:link {color: #a00000;}     /* unvisited link */
.layer2 a:visited {color: #a00000;}  /* visited link */
.layer2 a:hover {color: #e00000; border:1px solid #a00000}   /* mouse over link */
.layer2 a:active {color: #ffffe9}   /* selected link */

/* a {font-family:tahoma;text-decoration:none;} */
 a:link {color: #a00000;text-decoration:none;}     /* unvisited link */
 a:visited {color: #a00070;text-decoration:none}  /* visited link */
 a:hover {color: #f00000;text-decoration:underline }   /* mouse over link */
 a:active {color: #df0001}   /* selected link */


.layer1{
position: absolute; 
top: 0px; 
left: 0%; 
width: 99%;
 height: 100px; 
z-index: 1; 
border: 0px solid gray; color: #CC0066
}

.layer2 {
position: absolute; top: 0px; 
left: 0%; 
width: 99%; 
height: 100px; 
z-index: 2;
padding:5px;
font-size:12px
}



 .roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}
.borderTL, .borderBL { float: left; clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.borderTL {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .borderTL {
    margin-left: -1px;
}
.borderTR {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .borderTR {
    margin-right: -1px;
}
.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .borderBL {
    margin-left: 0px;
}
.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .borderBR {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 1px solid #BFC1B7;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;

}


h3  {color:#A31000;padding:0px;margin:0px;font-size:1.1em;height:2em;text-align:center;vertical-align:middle}
/*#c6c6bd*/

.otsikko {   /*kelluva boxi*/
font-weight:bold;
position:absolute;
	left:15px;
	top:-1em; 
//width:16em;	

	background:white;
}

.boxiotsikko {
background:white;
height:1.4em;
color:#A31000;
padding:0px;
padding-top:0.4em;
margin:0px;
font-size:1.1em;


	
}
.sisus {padding-top:1.4em;
padding-left:10px;
padding-right:10px;
padding-bottom:12px;
text-align:left;
font-size:0.7em;
}

.sisus img  {padding:3px;}
/* border:1px solid #bcbcbc;background:#efefef* /
/* iso alkukirjain*/ 
.iso:first-letter {
margin-top:0.05em;  /* vähä alas*/ 
line-height:120%;
font-size:4em;
float:left;
padding:2px;
padding-bottom:0px;
color:#B1B1B1;}

/*copyrait*/
.copy {
background:#E2E3DD;
border:1px dashed #a0a0a0;
font-size:0.7em;
margin-top:2px;margin-bottom:2px;
padding:3px;
}

.sivuboxi { font-size:0.7em;
width:90px;
margin-left:auto;
margin-right:auto;
xposition:relative:left:-1px;

}


.sivuboxisis {
text-align:left;
padding:3px;
padding-top:0px;
position:relative;top:-1.5em;

}

.sivuboxisis  p{padding:10px}


.mid {padding:6px;}
.kokoboxi {padding-top:30px}
.menuboxotsikko {color:#800101;font-weight:bold;}
ul{
list-style-position: outside;
list-style-image: url(/images/star.gif);
list-style-type: square;
}
li {padding-bottom:5px;border-bottom:1px dashed #bcbcbc}

small.ul {  list-style-position: outside;
list-style-type: square;
}
small.li {}

xhr {height:0px;border:1px dashed #bababa}
hr{height:0px;background-color:#fefefe;color:#fefefe}
h4 {font-size:large}
h3 {font-size:large}
h2 {font-size:large}
h1 {font-size:large}