body {
    background: #f6f6f6;
    color: #000000;
    padding: 30px;
	
}

table { padding: 0px; background: #ffffff; }

table.frame { border: 3px double #e6e4e3; }

p, td, span {
    font-size: 8pt;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: left;
    line-height: 150%;
}

td.logo {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
/*    background-image: url('koulutietestiuus2.jpg'); */
    background-image: url('koulutie_vihrea.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top left;
}

.main {
		vertical-align: top;
    width: 80%;
    color: #000000;
		margin-top: 3px;
/*    background: #e6e4e3; */
    background: #ffffff;
    padding: 20px;
		border: 1px solid #cccccc; 
    background-image: url('pisteet.jpg');
    background-repeat: repeat-y;
/*    background-image: url('koulutietesti2.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top left; */

}

.sidebar {
		float: left;
		clear: left;
    vertical-align: top;
    width: 20%;
    color: #000000;
		
/*    background: #efefef; */
    background: #ffffff;
    padding: 20px;
			border: 1px solid #cccccc;
/*    border: 1px solid #cccccc; */
/*    background-image: url('ovitesti.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: bottom left; */
}

.current {
		float: left;
		clear: left;
		margin-top: 3px;
		vertical-align: top;
    width: 20%;
    color: #000000;
    background: #ffffff;
    padding: 20px;
			border: 1px solid #cccccc;
}

table.logot {
    background: #f6f6f6;
}

td.logot {
    width: 112px;
    text-align: center;
}

p.right {
    width: 100%;
    text-align: right;
    vertical-align: bottom;
}

p.highlight {
    font-style: normal;
}

h1 {
    font-size: 12pt;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    width: 100%;
    line-height: 200%;
    border-bottom: dashed 1px #cccccc;
}

h2 {
    font-size: 10pt;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    width: 100%;
    line-height: 200%;
    border-bottom: dashed 1px #cccccc;
}


h3 {
    font-size: 12pt;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
/*    font-style: italic; */
    color: #000000;
    line-height: 200%;
    /* border-bottom: dashed 1px #000043; */
}

/* sininen = #000099, vihreä = #336666 */

a:link, a:visited, a:active {
    color: #336666;
    text-decoration: none;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 8pt;
}

a:hover {
    color: #336666;
    text-decoration: underline;
    border: none;
}

a.img:link, a.img:visited, a.img:active, a.img.hover {
    color: #336666;
    text-decoration: none;
    border: none;
}

q {
    font-style: oblique;
}

input, textarea {
    color: #000000;
    background-color: #c4c1bd;
    border-top: solid 1px #000000;
    border-left: solid 1px #000000;
    border-right: solid 2px #000000;
    border-bottom: solid 2px #000000;
    font-size: 10pt;
    font-family: Verdana, Helvetica, sans-serif;
    width: 75%;
}

span.hr {
    width: 100%;
    border-top: dotted 1px #330080;
}

img { padding: 0px; margin: 0px; }

li {
    color: #336666; 
    list-style-type: square;
				/*    list-style-image: url('symboli_pienempi.gif') */
}

.lista {
		color: black;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10pt;
		
}