* {margin: 0; padding: 0;}
html {height: 100%;}
body { background: #eee url(images/tausta.gif); color: #000; font-family: verdana, arial, sans-serif; font-size: 11px; behavior: url("csshover.htc"); text-align: center;}
html>body div#tausta {background: transparent url(images/bg_tausta.gif) top center repeat-y;}
* html  body {height: 100%;}
h1.paaotsikko {text-indent: -5000px;}
h2 {font-size: 14px; font-weight: bold; font-variant: small-caps; padding-left: 2em; margin: 1.5em 0 0.5em 0;}
h3 {font-size: 13px; font-weight: bold; font-variant: small-caps; padding-left: 2em; margin: 0;}
div#wrapper {margin: 0 auto -32px auto; padding: 0; width: 770px; text-align: left; background-color: #fff; background-image: url('images/bg_wrapper.gif'); height: 100%;}
div#head {margin: 0; padding: 0; width: 770px; height: 100px; background: #0000cd url('images/otsikko.jpg') no-repeat top left;}
div#nav {margin: 0; padding: 0 0 0 2px; height: 19px; background: #0000cd url('images/otsikkopalkki.gif') no-repeat top left; border-right: 1px solid #ccc;}
div#nav ul {margin: 0; padding: 0; text-align: center;}
div#nav li {position: relative; float: left; text-align: left; list-style: none; width: 153px; margin: 0; border-bottom: 1px solid #000;}
div#nav ul ul {position: absolute; top: 1.75em; display: none;}
div#nav li a {display: block; padding: 0.25em 0; text-decoration: none; left: -1px; width: 153px; background-color: #4169E1; color: #fff; text-align: center;}
div#nav li a.otsikkopainike {font-variant: small-caps; background-image: url('images/painikepalkkitausta.gif');}
div#nav>ul a {width: auto;}
div#nav li a:hover {background: #fff url('images/painiketausta.gif'); color: #00f;}
div#nav ul.level1 li.submenu:hover ul.level2 {display: block; background-color: #0000cd;}
div#nav ul.level1 li.submenu:hover div#navi {background-color: #fff;}
div#content {width: 768px; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0 0 32px 0; padding: 0 0 1em 0;}
div#content ul {margin: 0.5em 3em 0.5em 6em;}
div#content li {margin: 0.2em 2em; list-style: disc; padding-left: 0.2em;}
div#left {float: left; width: 145px; margin: 0 0 0 4px; padding: 2em 0 0 0; background-color: transparent;}
div#left.etusivu {float: left; width: 145px; margin: 0 0 0 4px; padding: 2em 0 0 0; background-color: #fff;}
div#left.jv {float: left; width: 145px; margin: 0 0 0 4px; padding: 2em 0 0 0; background-color: #fff;}
div#left.harrastus {float: left; width: 145px; margin: 0 0 0 4px; padding: 2em 0 0 0; background-color: #fff;}
div#left.yhteys {float: left; width: 145px; margin: 0 0 0 4px; padding: 2em 0 0 0; background-color: #fff;}
div#left #alivalikko {margin: 0 0 0.5em 0; border: 1px solid silver; width: 143px; padding: 0;}
div#left #alivalikko img {border: none; padding: 0; margin: 0 0 -2px 0; width: 143px;}
div#alivalikko a {display: block; text-align: center; font-size: 10px; margin: 0; padding: 7px 0; text-decoration: none; border-top: 1px solid #fff; background-color: #ccc; color: #000; font-weight: bold;}
div#alivalikko a:hover {text-decoration: none; background-color:  #99c; color: #fff;}
div#center {float: left; width: 415px; margin: 0; padding: 0 0 2em 0;}
div#center p {padding: 0.5em 2em 1em 2.5em;}
div#center ul li {margin-left: -1em;}
div#right {float: left; width: 195px; margin: 0; padding: 2em 0 2em 0; background-color: transparent;}
div#right p {padding: 0.5em 0 0.5em 0.5em; font-size: 10px;}
div#footer {display: block; clear: both; width: 768px; height: 30px; border: 1px solid silver; border-top-style: dotted; text-align: center; background-color: #fff; margin: 0 auto; padding: 0;}
.copy {font-style: italic; font-size: x-small; padding: 0.5em;}
.markku {font-style: italic;}
form.palautelomake {padding: 2em 0;}
form h3 {padding: 0; margin: 1em 0 1em 0; border-bottom: 1px dotted silver;}

/* oikea reuna */
h4.oikea {font-size: 12px; font-weight: bold; font-variant: small-caps; padding: 0; margin: 0 0 1em 0; border-bottom: 1px #ccc dotted;}
.ilmoitus {background-color: #ff6; color: black; margin: 1em 0 1em 0; padding: 5px; border: 1px solid black;}
.isotkirjaimet {display: block; font-variant: small-caps; font-size: 12px; margin: 0.5em 0;}
.kurssi {font-weight: bold; display: block; margin: 0.5em 0;}

/* oikea reuna päättyy */

.lihavoitu {font-weight: bold;}
.kursivoitu {font-style: italic;}
#rekrylomake {text-align: left; width: 90%; margin: 2em auto 0 auto;}
#rekrylomake div {margin-bottom: 1em;}
html>body label {padding-right: 0.33em;}
#rekrylomake .kielitaito {display: block; width: 150px; float: left;}
#rekrylomake .jvkoulutukset {display: block; width: 150px; float: left;}
#kurssivahti, #formkaasusumutinkoulutus, #palautelomake {text-align: left; width: 90%; margin: 0 auto 0 auto;}
#kurssivahti div,  #formkaasusumutinkoulutus div, #palautelomake div {margin-bottom: 1em;}
label {display: block; float: left; width: 150px; text-align: right;}
.laheta {display: block; float: right; width: 200px;}
#kurssivahti .kielitaito {display: block; width: 200px; float: left;}
#kurssivahti .jvkoulutukset {display: block; width: 200px; float: left;}
#kurssivahti .muutkoulutukset {display: block; width: 200px; float: left;}
.koulutus {margin-left: 155px; display: block; width: 200px;}
.koulutus .valintalaatikko {margin-right: 0.1em;}
.pakollinen, .varoitus {color: red;}
.sivustontoteutus {clear: both; font-size: 85%;}
#center img#joulutoivotus {
	margin: 2em 3em 0 3em;
	text-align: center;
}